Section 1 : Introduction & Basics of Angular 10 [Theory only]
|
Lecture 1 | INTRODUCTION TO BRAINMEASURES PROCTOR SYSTEM | |
|
Lecture 2 | Introduction to Angular | 00:03:24 Duration |
|
Lecture 3 | Where to Start Practical | |
|
Lecture 4 | Where to Download Course Materia | |
|
Lecture 5 | Goals of Angular | 00:06:46 Duration |
|
Lecture 6 | Code Compilation Process in Angular | 00:01:53 Duration |
|
Lecture 7 | Do's and Don'ts of Angular | 00:04:50 Duration |
|
Lecture 8 | Building Blocks of Angular | 00:04:52 Duration |
|
Lecture 9 | Angular Architecture | 00:02:17 Duration |
|
Lecture 10 | Overview of Angular Packages | 00:05:20 Duration |
|
Lecture 11 | Angular App Folder Structure | 00:03:08 Duration |
Section 2 : First App in Angular [Practical Starts Here]
|
Lecture 1 | Creating First App in Angular | 00:09:09 Duration |
|
Lecture 2 | Adding Bootstrap | 00:05:29 Duration |
|
Lecture 3 | Adding Bootstrap NavBar | 00:02:54 Duration |
|
Lecture 4 | Creating & Nesting Components | 00:09:20 Duration |
|
Lecture 5 | Creating Basic Routing | 00:14:50 Duration |
Section 3 : Data Bindings, ngFor, Style Management, Pipes, Built-in Dire
|
Lecture 1 | Creating Dashboard | 00:13:21 Duration |
|
Lecture 2 | ngFor & Nested ngFor | 00:14:54 Duration |
|
Lecture 3 | Overview of Data Bindings & Working with All | 00:06:54 Duration |
|
Lecture 4 | Style Handling & ngClass | 00:03:29 Duration |
|
Lecture 5 | ngIf & ngIf-else & ng-template | 00:04:22 Duration |
|
Lecture 6 | Built-in Pipes & Date Formats | 00:06:52 Duration |
|
Lecture 7 | ngSwitch | 00:02:00 Duration |
Section 4 : Modules & Services
|
Lecture 1 | Creating Custom Modules | 00:17:33 Duration |
|
Lecture 2 | Creating Services & Dependency Injection | 00:11:59 Duration |
Section 5 : RxJS & REST API calls using AJAX
|
Lecture 1 | What is RxJS, Observable and Observer | 00:02:40 Duration |
|
Lecture 2 | Introduction to AJAX | 00:02:15 Duration |
|
Lecture 3 | Retrieving Data From Database [Asp.Net Core MVC E | 00:25:38 Duration |
|
Lecture 4 | Inserting Data into Database [Asp.Net Core MVC EF | 00:10:21 Duration |
|
Lecture 5 | Updating Data in Database [Asp.Net Core MVC EF Co | 00:13:48 Duration |
|
Lecture 6 | Deleting Data in Database [Asp.Net Core MVC EF Co | 00:08:56 Duration |
|
Lecture 7 | Searching Data in Database with AJAX | 00:09:16 Duration |
|
Lecture 8 | RxJS Observable - Map with AJAX | 00:04:51 Duration |
Section 6 : Authentication & Security
|
Lecture 1 | User Authentication in Asp.Net Core Mvc | 00:31:15 Duration |
|
Lecture 2 | User Authentication in Angular | |
|
Lecture 3 | Understanding JWT | 00:12:19 Duration |
|
Lecture 4 | JWT Authentication in Asp.Net Core Mvc | 00:07:56 Duration |
|
Lecture 5 | WT Authentication in Angular | 00:09:25 Duration |
|
Lecture 6 | Http Interceptors | 00:16:36 Duration |
|
Lecture 7 | Catching 401 UnAuthorized Responses using Intercep | 00:05:11 Duration |
|
Lecture 8 | CanActivate Guard | 00:11:45 Duration |
|
Lecture 9 | Role Based Authentication | 00:04:48 Duration |
|
Lecture 10 | Prevent XSRF (Cross Site Request Forgery) | 00:18:07 Duration |
|
Lecture 11 | Prevent XSS (Cross Site Scripting) | 00:07:01 Duration |
Section 7 : Template Driven Forms
|
Lecture 1 | Adding CheckBox, RadioButton, DropDownList with Fo | 00:20:35 Duration |
|
Lecture 2 | Validations in Template Driven Forms | 00:24:26 Duration |
|
Lecture 3 | Custom Validations in Template Driven Forms | 00:11:11 Duration |
|
Lecture 4 | Cross Field Custom Validations in Template Driven | |
|
Lecture 5 | Async Custom Validations in Template Driven Forms | 00:07:31 Duration |
Section 8 : Reactive Forms
|
Lecture 1 | Understanding Reactive Forms & Creating SignUp Fo | 00:08:54 Duration |
|
Lecture 2 | Adding Radio Buttons to Reactive Forms | 00:01:28 Duration |
|
Lecture 3 | Adding Dynamic Radio Buttons to Reactive Forms | 00:01:50 Duration |
|
Lecture 4 | Adding Dynamic DropDownList to Reactive Forms | 00:03:21 Duration |
|
Lecture 5 | Adding CheckBox to Reactive Forms | 00:01:08 Duration |
|
Lecture 6 | Subscribing to valueChanges Observable | 00:01:27 Duration |
|
Lecture 7 | setValue, patchValue, reset | 00:06:02 Duration |
|
Lecture 8 | Nested Form Groups | 00:01:28 Duration |
|
Lecture 9 | Form Arrays | 00:05:33 Duration |
|
Lecture 10 | Form Builder | 00:02:22 Duration |
|
Lecture 11 | Validations in Reactive Forms | 00:10:23 Duration |
|
Lecture 12 | Adding Validation Error Messages | 00:02:57 Duration |
|
Lecture 13 | Custom Validations | 00:06:52 Duration |
|
Lecture 14 | Cross Field Validations | 00:03:40 Duration |
|
Lecture 15 | Submitting SignUp Form using REST API Call | 00:13:41 Duration |
|
Lecture 16 | Async Validations with REST API Call | 00:06:49 Duration |
Section 9 : Component Communication
|
Lecture 1 | Parent To Child Communication - using Input Bindin | 00:07:13 Duration |
|
Lecture 2 | Child To Parent Communication - using Output Bindi | 00:04:37 Duration |
|
Lecture 3 | Parent to Child - using ViewChild | 00:05:31 Duration |
|
Lecture 4 | Parent to Child - using ViewChildren | 00:02:21 Duration |
|
Lecture 5 | Component Communication using Services | 00:03:08 Duration |
|
Lecture 6 | Custom RxJS Observables | |
|
Lecture 7 | RxJS Subject | 00:05:39 Duration |
|
Lecture 8 | RxJS BehaviorSubject | |
|
Lecture 9 | Passing Content from Parent to Child | 00:07:19 Duration |
|
Lecture 10 | Child to Grand Child - using ContentChild | 00:07:53 Duration |
|
Lecture 11 | Child to Grand Child - using ContentChildren | 00:03:08 Duration |
|
Lecture 12 | ElementRef | 00:02:55 Duration |
Section 10 : Debugging and Auto-Deployment
|
Lecture 1 | Debugging the Angular Code | 00:03:17 Duration |
|
Lecture 2 | Using Gulp for Continuous Deployment | 00:06:10 Duration |
Section 11 : Life Cycle Hooks
|
Lecture 1 | Overview of Life Cycle Hooks | 00:06:01 Duration |
|
Lecture 2 | ngOnChanges | 00:02:56 Duration |
|
Lecture 3 | ngOnInit | 00:02:30 Duration |
|
Lecture 4 | ngDoCheck | 00:01:34 Duration |
|
Lecture 5 | ngAfterContentInit and ngAfterContentChecked | 00:02:11 Duration |
|
Lecture 6 | ngAfterViewInit, ngAfterViewChecked | 00:03:08 Duration |
|
Lecture 7 | ngOnDestroy | 00:01:59 Duration |
Section 12 : Pipes - Deep Dive
|
Lecture 1 | Creating Simple Custom Pipe | 00:08:13 Duration |
|
Lecture 2 | Parameterized Custom Pipe | 00:02:05 Duration |
|
Lecture 3 | Creating Complex Custom Pipe | 00:06:54 Duration |
|
Lecture 4 | Pure Pipes (vs) Inpure Pipes | 00:04:02 Duration |
|
Lecture 5 | Client-Side Paging using Custom Pipe | 00:17:00 Duration |
|
Lecture 6 | Async Pipe | 00:03:05 Duration |
Section 13 : Directives - Deep Dive
|
Lecture 1 | Attribute Directives (vs) Structural Directives | 00:03:16 Duration |
|
Lecture 2 | Custom Directives | 00:03:51 Duration |
|
Lecture 3 | Receiving Parameters using Input Properties in Dir | 00:03:27 Duration |
|
Lecture 4 | HostListener | 00:03:06 Duration |
|
Lecture 5 | HostBinding | 00:01:28 Duration |
|
Lecture 6 | Renderer2 | 00:07:43 Duration |
|
Lecture 7 | Creating Custom Structural Directive | 00:08:52 Duration |
Section 14 : Advanced Routing
|
Lecture 1 | Route Parameters | 00:16:52 Duration |
|
Lecture 2 | Child Routes | |
|
Lecture 3 | Nested Routes in AdminModule | 00:04:07 Duration |
|
Lecture 4 | Nested Routes in EmployeeModule | 00:05:01 Duration |
|
Lecture 5 | Router Events | 00:06:30 Duration |
|
Lecture 6 | Server Side Logging using Router Events | 00:06:09 Duration |
|
Lecture 7 | CanDeactivate Guard | 00:10:04 Duration |
Section 15 : Animations
|
Lecture 1 | Introduction to Animations | 00:06:46 Duration |
|
Lecture 2 | Fade Animation | 00:10:32 Duration |
|
Lecture 3 | Slide-Up Animation | 00:03:21 Duration |
|
Lecture 4 | Zoom-Up Animation | 00:01:49 Duration |
|
Lecture 5 | Zoom-Left Animation | 00:02:03 Duration |
|
Lecture 6 | Slide-Left or Right Animation | 00:09:26 Duration |
|
Lecture 7 | KeyFrame Animation | 00:05:36 Duration |
Section 16 : Feature Modules
|
Lecture 1 | Introduction to Feature Modules | 00:02:28 Duration |
|
Lecture 2 | Proper Folder Structure for Enterprise Apps | 00:15:02 Duration |
|
Lecture 3 | Shared Module | 00:04:24 Duration |
|
Lecture 4 | Lazy Loading of Modules | 00:08:24 Duration |
|
Lecture 5 | Preloading Strategy of Lazy Loading Modules | 00:02:05 Duration |
Section 17 : Dynamic Components
|
Lecture 1 | Preparing for Dynamic Components | 00:05:50 Duration |
|
Lecture 2 | Preparing Masters Menu Dynamically. | 00:01:50 Duration |
|
Lecture 3 | Loading Components Dynamically into Tabs | 00:12:40 Duration |
|
Lecture 4 | Data Binding to Dynamic Components | 00:02:02 Duration |
|
Lecture 5 | Destroying Dynamic Components | 00:03:32 Duration |
Section 18 : Finalizing Course Project - Task Manager
|
Lecture 1 | Countries Master | 00:11:10 Duration |
|
Lecture 2 | Sorting in Countries Master | 00:10:41 Duration |
|
Lecture 3 | Client Locations Master | 00:09:42 Duration |
|
Lecture 4 | Task Priorities Master | 00:06:10 Duration |
|
Lecture 5 | Task Status Master | 00:06:43 Duration |
|
Lecture 6 | Creating Routes for Employee | 00:08:15 Duration |
|
Lecture 7 | Detecting if already Logged-in | 00:02:38 Duration |
|
Lecture 8 | Creating Tables for Tasks | 00:05:37 Duration |
|
Lecture 9 | Create Task Page | 00:11:37 Duration |
|
Lecture 10 | Tasks Page | 00:10:50 Duration |
|
Lecture 11 | Applying Contextual Classes to Tasks | 00:04:29 Duration |
|
Lecture 12 | Update Task Status Page | 00:11:55 Duration |
Section 19 : Unit Testing & Angular Zones
|
Lecture 1 | Unit Testing Basics in Angular | 00:12:36 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:03:24 Duration |
|
Lecture 2 | First App in TypeScript | 00:05:08 Duration |
|
Lecture 3 | Data Types | 00:02:12 Duration |
|
Lecture 4 | Object Literals | 00:06:16 Duration |
|
Lecture 5 | Classes | 00:06:06 Duration |
|
Lecture 6 | Constructors | 00:05:05 Duration |
|
Lecture 7 | Array of Objects | 00:02:09 Duration |
|
Lecture 8 | Inheritance | 00:04:34 Duration |
|
Lecture 9 | Access Modifiers | 00:04:33 Duration |
|
Lecture 10 | Interfaces | 00:07:49 Duration |