Section 1 : Introduction & Basics [Theory only]
|
Lecture 1 | Course Introduction copy | 00:04:30 Duration |
|
Lecture 2 | Angular Introduction | 00:03:33 Duration |
|
Lecture 3 | Where to Start Practical | |
|
Lecture 4 | How to run Source Code & Where to Download Course Material | |
|
Lecture 5 | What if I don't know Asp | |
|
Lecture 6 | What if I don't know TypeScript | |
|
Lecture 7 | Angular Goals | 00:06:46 Duration |
|
Lecture 8 | Code Compilation Process in Angular | 00:01:53 Duration |
|
Lecture 9 | Do's and Don'ts of Angular | 00:04:50 Duration |
|
Lecture 10 | Building Blocks | 00:05:47 Duration |
|
Lecture 11 | Angular Architecture | 00:02:32 Duration |
|
Lecture 12 | Overview of Angular Packages | 00:05:59 Duration |
|
Lecture 13 | App Folder Structure | 00:03:25 Duration |
Section 2 : First App in Angular [Practical Starts Here]
|
Lecture 1 | Setting-up Environment | 00:12:24 Duration |
|
Lecture 2 | Create First App | 00:19:12 Duration |
|
Lecture 3 | Add Bootstrap | 00:06:20 Duration |
|
Lecture 4 | Add Bootstrap NavBar | 00:02:54 Duration |
|
Lecture 5 | Create & Nest Components | 00:11:53 Duration |
|
Lecture 6 | Create Basic Routing | 00:16:28 Duration |
Section 3 : Data Bindings, ngFor, Style Management, Pipes, Built-in Directives
|
Lecture 1 | Create Dashboard | 00:14:18 Duration |
|
Lecture 2 | ngFor & Nested ngFor | 00:15:23 Duration |
|
Lecture 3 | Data Bindings | 00:07:18 Duration |
|
Lecture 4 | Handle Dynamic Style & ngClass | 00:04:14 Duration |
|
Lecture 5 | ngIf & ngIf-else & ng-template | 00:04:45 Duration |
|
Lecture 6 | Built-in Pipes | 00:07:50 Duration |
|
Lecture 7 | ngSwitch | 00:02:19 Duration |
Section 4 : Modules & Services
|
Lecture 1 | Modules | |
|
Lecture 2 | Services & DI | 00:14:38 Duration |
Section 5 : RxJS & REST API calls
|
Lecture 1 | What is RxJS, Observable and Observer | 00:03:48 Duration |
|
Lecture 2 | AJAX Introduction | 00:03:56 Duration |
|
Lecture 3 | Get [Asp | 00:26:27 Duration |
|
Lecture 4 | Post [Asp | 00:11:26 Duration |
|
Lecture 5 | Put [Asp | 00:14:52 Duration |
|
Lecture 6 | Delete [Asp | 00:08:56 Duration |
|
Lecture 7 | Search [Asp | 00:09:16 Duration |
|
Lecture 8 | RxJS Observable - Map | 00:05:29 Duration |
|
Lecture 9 | JSON-Server API calls (for Non Asp | 00:09:59 Duration |
Section 6 : Authentication & Security
|
Lecture 1 | User Authentication in Asp | 00:31:15 Duration |
|
Lecture 2 | User Authentication in Angular | 00:15:39 Duration |
|
Lecture 3 | About Certification | |
|
Lecture 4 | JWT Authentication in Asp | 00:07:56 Duration |
|
Lecture 5 | JWT Authentication in Angular | 00:09:25 Duration |
|
Lecture 6 | Http Interceptors | 00:18:14 Duration |
|
Lecture 7 | Cat 401 UnAuthorized Responses using Interceptors | 00:05:11 Duration |
|
Lecture 8 | CanActivate Guard | 00:12:50 Duration |
|
Lecture 9 | Role Based Authentication | 00:04:48 Duration |
|
Lecture 10 | Prevent XSRF (Cross Site Request Forgery) | |
|
Lecture 11 | Prevent XSS (Cross Site Scripting) | 00:08:13 Duration |
Section 7 : Template Driven Forms
|
Lecture 1 | CheckBox, RadioButton, DropDownList | 00:20:35 Duration |
|
Lecture 2 | Validations in Template Driven Forms | 00:26:50 Duration |
|
Lecture 3 | Custom Validations in Template Driven Forms | 00:12:13 Duration |
|
Lecture 4 | Cross Field Custom Validations in Template Driven Forms | 00:06:22 Duration |
|
Lecture 5 | Async Custom Validations in Template Driven Forms with REST-API Calls | 00:08:43 Duration |
Section 8 : Reactive Forms
|
Lecture 1 | Understand & Create Reactive Forms | 00:09:17 Duration |
|
Lecture 2 | Radio Buttons | 00:01:28 Duration |
|
Lecture 3 | Dynamic Radio Buttons | 00:01:50 Duration |
|
Lecture 4 | Dynamic DropDownList | 00:03:30 Duration |
|
Lecture 5 | CheckBox | 00:01:08 Duration |
|
Lecture 6 | Nested Form Groups | 00:01:46 Duration |
|
Lecture 7 | setValue, patchValue, reset | 00:06:22 Duration |
|
Lecture 8 | valueChanges Observable | 00:01:48 Duration |
|
Lecture 9 | Form Arrays | 00:06:03 Duration |
|
Lecture 10 | Form Builder | 00:02:34 Duration |
|
Lecture 11 | Validations in Reactive Forms | 00:10:49 Duration |
|
Lecture 12 | Add Validation Error Messages | 00:02:57 Duration |
|
Lecture 13 | Custom Validations | 00:07:36 Duration |
|
Lecture 14 | Cross Field Validations | 00:04:14 Duration |
|
Lecture 15 | Submit Reactive Form | 00:14:34 Duration |
|
Lecture 16 | Submit Reactive Form | 00:14:34 Duration |
|
Lecture 17 | Correction on skillLevel field in Reactive Form | |
|
Lecture 18 | Async Validations with REST API Call | 00:07:53 Duration |
Section 9 : Component Communication
|
Lecture 1 | Parent To Child Communication - using Input Binding | 00:07:27 Duration |
|
Lecture 2 | Child To Parent Communication - using Output Binding with Custom Events | 00:05:00 Duration |
|
Lecture 3 | Parent to Child - using ViewChild | 00:05:53 Duration |
|
Lecture 4 | Parent to Child - using ViewChildren | 00:02:39 Duration |
|
Lecture 5 | Component Communication using Services | 00:03:41 Duration |
|
Lecture 6 | Custom RxJS Observables | 00:09:25 Duration |
|
Lecture 7 | RxJS Subject | 00:06:19 Duration |
|
Lecture 8 | RxJS BehaviorSubject | 00:03:03 Duration |
|
Lecture 9 | Pass Content from Parent to Child | 00:07:59 Duration |
|
Lecture 10 | Passing Content from Parent to Child | |
|
Lecture 11 | Child to Grand Child - using ContentChild | 00:08:30 Duration |
|
Lecture 12 | Child to Grand Child - using ContentChildren | 00:03:32 Duration |
|
Lecture 13 | ElementRef | 00:03:13 Duration |
Section 10 : Debugging and Auto-Deployment
|
Lecture 1 | Debugging the Angular Code | 00:03:44 Duration |
|
Lecture 2 | Use Gulp for Continuous Deployment | 00:07:15 Duration |
Section 11 : Life Cycle Hooks
|
Lecture 1 | Overview of Life Cycle Hooks | 00:08:13 Duration |
|
Lecture 2 | ngOnChanges | 00:03:43 Duration |
|
Lecture 3 | ngOnInit | 00:02:58 Duration |
|
Lecture 4 | ngDoCheck | 00:01:34 Duration |
|
Lecture 5 | ngAfterContentInit and ngAfterContentChecked | 00:02:28 Duration |
|
Lecture 6 | ngAfterViewInit, ngAfterViewChecked | 00:03:39 Duration |
|
Lecture 7 | ngOnDestroy | 00:02:16 Duration |
Section 12 : Pipes - Deep Dive
|
Lecture 1 | Simple Custom Pipe | 00:09:10 Duration |
|
Lecture 2 | Parameterized Custom Pipe | |
|
Lecture 3 | Complex Custom Pipe | 00:07:25 Duration |
|
Lecture 4 | Pure Pipes (vs) Inpure Pipes | 00:04:27 Duration |
|
Lecture 5 | Client-Side Paging using Custom Pipe | 00:18:06 Duration |
|
Lecture 6 | Async Pipe | 00:03:41 Duration |
Section 13 : Directives - Deep Dive
|
Lecture 1 | Attribute Directives (vs) Structural Directives | 00:03:43 Duration |
|
Lecture 2 | Custom Directives | 00:04:23 Duration |
|
Lecture 3 | Receive Parameters using Input Properties in Directives | 00:04:01 Duration |
|
Lecture 4 | INTRODUCTION TO BRAINMEASURES PROCTOR SYSTEM | |
|
Lecture 5 | HostListener | 00:03:26 Duration |
|
Lecture 6 | Renderer2 | 00:09:07 Duration |
|
Lecture 7 | Custom Structural Directive | 00:09:52 Duration |
Section 14 : Advanced Routing
|
Lecture 1 | Route Parameters | 00:17:06 Duration |
|
Lecture 2 | Child Routes | 00:04:40 Duration |
|
Lecture 3 | Nested Routes in AdminModule | 00:04:34 Duration |
|
Lecture 4 | Nested Routes in EmployeeModule | 00:05:31 Duration |
|
Lecture 5 | Router Events | 00:07:35 Duration |
|
Lecture 6 | Server Side Logging using Router Events | 00:06:48 Duration |
|
Lecture 7 | CanDeactivate Guard | 00:11:10 Duration |
Section 15 : Animations
|
Lecture 1 | Introduction to Animations | |
|
Lecture 2 | Fade Animation | 00:11:15 Duration |
|
Lecture 3 | Slide-Up Animation | 00:03:48 Duration |
|
Lecture 4 | Zoom-Up Animation | 00:02:47 Duration |
|
Lecture 5 | Zoom-Left Animation | 00:02:22 Duration |
|
Lecture 6 | Slide-Left or Right Animation | 00:09:50 Duration |
|
Lecture 7 | KeyFrame Animation | 00:06:23 Duration |
Section 16 : Feature Modules
|
Lecture 1 | Introduction to Feature Modules | 00:03:11 Duration |
|
Lecture 2 | Proper Folder Structure for Enterprise Apps | 00:16:42 Duration |
|
Lecture 3 | Shared Module | 00:04:56 Duration |
|
Lecture 4 | Lazy Loading of Modules | 00:08:50 Duration |
|
Lecture 5 | Preloading Strategy of Lazy Loading Modules | 00:02:20 Duration |
Section 17 : Dynamic Components
|
Lecture 1 | Prepare for Dynamic Components | 00:06:48 Duration |
|
Lecture 2 | Prepare Masters Menu Dynamically | 00:02:16 Duration |
|
Lecture 3 | Load Components Dynamically into Tabs | 00:13:26 Duration |
|
Lecture 4 | Data Binding to Dynamic Components | 00:02:38 Duration |
|
Lecture 5 | Destroy Dynamic Components | 00:04:10 Duration |
Section 18 : Finalizing Course Project - Task Manager
|
Lecture 1 | Countries Master | 00:13:16 Duration |
|
Lecture 2 | Sorting in Countries Master | 00:11:33 Duration |
|
Lecture 3 | Client Locations Master | 00:10:13 Duration |
|
Lecture 4 | Task Priorities Master | 00:07:01 Duration |
|
Lecture 5 | Task Status Master | |
|
Lecture 6 | Create Routes for Employee | 00:09:10 Duration |
|
Lecture 7 | Detect if already Logged-in | 00:03:13 Duration |
|
Lecture 8 | Create Tables for Tasks | 00:06:14 Duration |
|
Lecture 9 | Create Task Page | 00:12:23 Duration |
|
Lecture 10 | Tasks Page | 00:11:34 Duration |
|
Lecture 11 | Apply Contextual Classes to Tasks | 00:05:05 Duration |
|
Lecture 12 | Update Task Status Page | 00:12:32 Duration |
Section 19 : Unit Testing & Angular Zones
|
Lecture 1 | Unit Testing Basics in Angular | 00:13:28 Duration |
|
Lecture 2 | Unit Testing on Components | 00:12:27 Duration |
|
Lecture 3 | Angular Zones | 00:10:44 Duration |
Section 20 : Bonus TypeScript Essentials
|
Lecture 1 | Introduction to TypeScript | 00:04:03 Duration |
|
Lecture 2 | First App in TypeScript | 00:05:54 Duration |
|
Lecture 3 | Data Types | 00:02:34 Duration |
|
Lecture 4 | Object Literals | 00:06:55 Duration |
|
Lecture 5 | Classes | 00:07:17 Duration |
|
Lecture 6 | Constructors | 00:05:41 Duration |
|
Lecture 7 | Array of Objects | 00:02:38 Duration |
|
Lecture 8 | Inheritance | 00:05:19 Duration |
|
Lecture 9 | Access Modifiers | 00:05:19 Duration |
|
Lecture 10 | Interfaces | 00:06:51 Duration |