Course Syllabus

Course Content

Section 01 Self Paced Learning Curriculum
Lesson 01 – Single page Applications41:13
1.01 Course Overview02:02
1.02 Introduction to Single Page Applications (SPA)10:11
1.03 What do we need Angular for06:26
1.04 Setting up the Development Environment08:13
1.05 Angular Application Architecture03:30
1.06 First Angular App10:51
Lesson 02 – TypeScript and ESNext01:56:56
2.01 Module Introduction and Introduction to TypeScript04:04
2.02 Setting up the environement to write TypeScript07:54
2.03 Variable declarations (var, let, and const)14:28
2.04 Types – Primitives07:35
2.05 Types – Reference and Special Types11:23
2.06 Operators – Spread and Backticks10:01
2.07 Operators – Destructure and Rest06:12
2.08 Classes15:43
2.09 Interface06:07
2.10 Arrow Functions08:05
2.11 Modules14:08
2.12 fetch07:34
2.13 async or await03:42
Lesson 03 – Decorators43:56
3.01 Module Introduction and an overview of Angular Modules01:25
3.02 What are decorators02:49
3.03 Angular Modules and the @NgModule Decorator04:24
3.04 Declarations13:34
3.05 Imports and Exports08:01
3.06 providers, bootstrap, and entryComponents07:41
3.07 Angular Application Bootstrap Mechanism06:02
Lesson 04 – Component Decorator02:59:12
4.01 Module Introduction02:17
4.02 Angular Components and the @Component Decorator05:30
4.03 Creating an Angular Component using the Angular CLI and on StackBlitz08:00
4.04 Component Decorator Metadata08:02
4.05 View Encapsulation – Emulated, ShadowDom, None08:20
4.06 Data Binding – String Interpolation – {{ }}08:11
4.07 Property Binding – []04:16
4.08 Event Binding – ()09:24
4.09 @Input and @Output Property Decorators19:21
4.10 Two-way Data Binding – [()]08:16
4.11 Attribute Binding – [attr.]09:33
4.12 Class Binding – [class.]04:50
4.13 Style Bindings – [style.]06:32
4.14 Introduction to Lifecycle Hooks in Angular12:22
4.15 Using Lifecycle Hooks in Angular23:48
4.16 View Queries – View Child, View Children, Content Child, Content Children23:42
4.17 Change Detection Mechanism in Angular. ZoneJS, NgZones16:48
Lesson 05 – Angular Routing01:46:27
5.01 Introduction to Routing06:14
5.02 Implementing Routing in an Angular App14:43
5.03 Creating a User List. Setting the stage for Child Routing08:14
5.04 Abstracting the user link to a separate component02:38
5.05 Implementing Child Routes21:13
5.06 Path Match and Route Types08:39
5.07 Introduction to Route Guards in Angular04:54
5.08 CanActivate and CanActivateChild Guards in Angular10:34
5.09 CanDeactivate Guard in Angular12:44
5.10 Prefetching Data for a Component using Resolve16:34
Lesson 06 – Dependency Injection01:41:07
6.01 Introduction to Section01:36
6.02 DI as a Pattern, DI as a Framework and Types of Providers12:20
6.03 Hierarchical Dependency Injection03:34
6.04 Introduction to Services in Angular12:12
6.05 GET data from a Rest API using HttpClient22:47
6.06 CRUD Operations using HttpClient, HttpParams and HttpHeaders25:33
6.07 Observables and Operators in Observables – Map, Retry, Catch09:46
6.08 Behavior Subject and Sharing Data using Behavior Subjects13:19
Lesson 07 – Directives02:41:29
7.01 Introduction to Section01:21
7.02 Introduction to Directives05:04
7.03 Built in Structural Directives19:48
7.04 Built in Attribute Directives12:07
7.05 Building custom Attribute Directives19:08
7.06 Building Custom Structural Directives12:52
7.07 Introduction to Pipes in Angular02:18
7.08 Using Built In Pipes13:58
7.09 Creating Custom Pipes in Angular16:07
7.10 Pure and Impure Pipes in Angular17:54
7.11 Decorators Revisited11:17
7.12 Building Custom Decorators in Angular09:10
7.13 Building a Custom Lifecycle Hook Class Logger Decorator15:53
7.14 Building Custom Property Decorator in Angular04:32
Lesson 08 – Forms in Angular02:06:23
8.01 Introduction to Section00:44
8.02 Types of Form Building Strategies in Angular02:32
8.03 Creating Long Bootstrap forms quickly using VS Code using Emmet09:54
8.04 Adding FormControl(s) to a Template Driven form using the ngModel directive04:04
8.05 Getting the JavaScript Object Representation of a form using ngForm directive05:37
8.06 Disabling the Submit Button on a Form using form’s $invalid flag02:55
8.07 Getting the JavaScript Object Representation of a form in TypeScript Class14:06
8.08 Adding Checkbox, Radio Buttons and Select List to your Template Driven Form12:04
8.09 Creating Subsections in the form using NgModelGroup directive10:22
8.10 Steps to implement a Reactive form in Angular07:34
8.11 Quickly creating a Bootstrap form for our Reactive form using Emmet09:22
8.12 Creating a Reactive form in the TypeScript class & connecting it to the template10:12
8.13 Adding form Validations to a Reactive Form10:54
8.14 Dynamically Adding or Removing FormControl(s) or FormGroup(s) using FormArray(s)10:20
8.15 Adding Synchronous Custom Validations to your Reactive Form07:14
8.16 Adding Async Custom Validations to your Reactive Form06:36
8.17 Resetting the value of a form01:53
Lesson 09 – Using Third Party Libraries01:36:34
9.01 Introduction to the Section01:57
9.02 Creating an Angular CLI Project with SCSS as a base style04:55
9.03 Introducing Material Design Bootstrap into your Angular CLI Project07:59
9.04 Adding a Navbar in your header05:47
9.05 Adding Material Design Buttons08:59
9.06 Adding Cards05:56
9.07 Using Material Design Dropdowns and Form Inputs09:02
9.08 Introducing Angular Material into your Angular CLI Project on the top of MDB08:01
9.09 Adding Radio Buttons, Slide Toggle, Slider, Progress Bar and Spinner11:06
9.10 Introduction to Firebase02:32
9.11 Creating an App using the Firebase Console02:32
9.12 Setting up your Angular CLI Project to support Firebase05:41
9.13 Interacting with Firebase Realtime Database using methods on AngularFireList04:25
9.14 Adding and Reading Data from Realtime Database in Firebase11:23
9.15 Updating and Deleting Data from Realtime Database in Firebase06:19

Section 02 Live Class Curriculum
Lesson 01 Features of TypeScript
1.1 Introduction
1.2 Introduction to TypeScript
1.3 Introduction to Data Types
1.4 Let vs Const
1.5 Introduction to Functions
1.6 Introduction to Parameters
1.7 Introduction to Classes
Assisted Practice: Data Types
Assisted Practice: Arrays
Assisted Practice: Any
Assisted Practice: Type Assertions
Assisted Practice: Scope
Assisted Practice: Functions
Assisted Practice: Function Parameters
Assisted Practice: Rest Parameters
Assisted Practice: Interfaces
Assisted Practice: Class
Assisted Practice: Class implementing Interface
Assisted Practice: Generics
Lesson 02 Features of Angular
2.1 History of Angular
2.2 Understanding Angular
2.3 Setup of Angular App
Assisted Practice: Creating an Angular App
2.4 Angular Building Blocks
2.5 Observables
2.7 Introduction to Reactive Forms
2.8 Introduction to Server Communication
Assisted Practice: Components
Lesson 03 NgModule
3.1 Angular Modules
3.2 Routing Module
3.3 Feature Module
3.4 Sharing Module
3.5 Systematically Arranging Components of App
Assisted Practice: Routing Modules
Lesson 04 Ng Unit Testing and Observables
4.1 Introduction to Automated Testing
4.2 Types of Automated Testing
4.3 Introduction to Testing Tools
4.4 Introduction to Test Bed
4.5 Handling Component Dependencies
4.6 RxJS – Observable
Assisted Practice: RxJs