• Display data and handle events
• Build re-usable components
• Manipulate the DOM using directives
• Format data using pipes
• Build template-driven and reactive forms

• Consume HTTP services
• Use Reactive Extensions and observables
• Implement routing and navigation
• Add authentication and authorization
• Deploy your applications

Course Curriculum

Getting Started (30m)
Preview1- Introduction (0:39)
Preview2- What is Angular (2:00)
Preview3- Architecture of Angular Apps (3:48)
Preview4- Setting Up the Development Environment (2:40)
Preview5- Your First Angular App (2:25)
Preview6- Structure of Angular Projects (6:54)
Preview7- Webpack (3:15)
Preview8- Angular Version History (3:34)
TypeScript and Object-oriented Programming Fundamentals (1h)
Start1- Introduction (0:41)
Start2- What is TypeScript (2:24)
Start3- Your First TypeScript Program (3:00)
Start4- Declaring Variables (4:49)
Start5- Types (5:43)
Start6- Type Assertions (2:47)
Start7- Arrow Functions (1:44)
Start8- Interfaces (3:54)
Start9- Classes (4:31)
Start10- Objects (4:09)
Start11- Constructors (2:52)
Start12- Access Modifiers (2:56)
Start13- Access Modifiers in Constructor Parameters (1:41)
Start14- Properties (5:18)
Start15- Modules (4:31)
Start16- Exercise
Start17- Solution (8:48)
Angular Fundamentals (45m)
Start1- Introduction (0:19)
Start2- Building Blocks of Angular Apps (3:41)
Start3- Creating Components (9:38)
Start4- Creating Components Using Angular CLI (4:41)
Start5- Templates (2:28)
Start6- Directives (3:27)
Start7- Services (4:29)
Start8- Dependency Injection (7:20)
Start9- Generating Services Using Angular CLI (2:11)
Start10- Exercise- Authors (0:32)
Start11- Solution (6:17)
Displaying Data and Handling Events (1h5m)
Start1- Introduction (0:24)
Start2- Property Binding (3:16)
Start3- Attribute Binding (3:35)
Start4- Adding Bootstrap (4:53)
Start5- Class Binding (1:47)
Start6- Style Binding (1:19)
Start7- Event Binding (4:30)
Start8- Event Filtering (1:50)
Start9- Template Variables (1:53)
Start10- Two-way Binding (8:05)
Start11- Pipes (6:38)
Start12- Custom Pipes (6:16)
Start13- Exercise- Favorite Component (1:22)
Start14- Solution- Favorite Component (5:05)
Start15- Exercise- TitleCase (1:17)
Start16- Solution- Title Case (10:25)
Building Re-usable Components (1h)
Start1- Introduction (0:26)
Start2- Component API (4:22)
Start3- Input Properties (4:44)
Start4- Aliasing Input Properties (4:22)
Start5- Output Properties (3:22)
Start6- Passing Event Data (5:51)
Start7- Aliasing Output Properties (2:05)
Start8- Templates (2:41)
Start9- Styles (5:10)
Start10- View Encapsulation (9:11)
Start11- ngContent (4:56)
Start12- ngContainer (2:34)
Start13- Exercise- LikeComponent (1:38)
Start14- Solution- LikeComponent (4:51)
Directives (1h)
Start1- Introduction (0:31)
Start2- ngIf (6:11)
Start3- Hidden Property (3:25)
Start4- ngSwitchCase (6:36)
Start5- ngFor (4:18)
Start6- ngFor and Change Detection (3:28)
Start7- ngFor and TrackBy (5:47)
Start8- The Leading Asterisk (1:47)
Start9- ngClass (1:51)
Start10- ngStyle (2:31)
Start11- Safe Traversal Operator (2:45)
Start12- Creating Custom Directives (9:52)
Start13- Exercise- Zippy (1:06)
Start14- Solution- Zippy (7:56)
Template-driven Forms (1h)
Start1- Introduction (0:26)
Start2- Building a Basic Bootstrap Form (4:05)
Start3- Types of Forms (3:21)
Start4- ngModel (5:30)
Start5- Adding Validation (3:17)
Start6- Specific Validation Errors (4:20)
Start7- Styling Invalid Input Fields (1:26)
Start8- Cleaner Templates (1:52)
Start9- ngForm (5:05)
Start10- ngModelGroup (2:38)
Start11- Control Classes and Directives (1:47)
Start12- Disabling the Submit Button (1:08)
Start13- Working with Check Boxes (2:18)
Start14- Working with Drop-down Lists (6:02)
Start15- Working with Radio Buttons (2:55)
Start16- Exercise- Create Course Form (1:08)
Start17- Solution- Course Form (11:34)
Reactive Forms (1h15m)
Start1- Introduction (1:15)
Start2- Building a Bootstrap Form (0:50)
Start3- Creating Controls Programatically (6:14)
Start4- Adding Validation (7:07)
Start5- Specific Validation Errors (2:33)
Start6- Implementing Custom Validation (7:01)
Start7- Async Operations (5:13)
Start8- Async Validators (8:04)
Start9- Displaying a Loader Image (1:37)
Start10- Validating Upon Submitting the Form (4:58)
Start11- Nested FormGroups (2:40)
Start12- FormArray (8:43)
Start13- FormBuilder (3:59)
Start14- Quick Recap (1:16)
Start15- Exercise- Change Password Form (1:27)
Start16- Solution- Change Password Form (15:17)
Consuming HTTP Services (1h50m)
Start1- Introduction (1:03)
Start2- JSONPlaceHolder (1:52)
Start3- Getting Data (8:17)
Start4- Creating Data (7:59)
Start5- Updating Data (5:05)
Start6- Deleting Data (1:59)
Start7- OnInit Interface (3:54)
Start8- Separation of Concerns (3:41)
Start9- Extracting a Service (7:09)
Start10- Handling Errors (3:21)
Start11- Handling Unexpected Errors (2:27)
Start12- Handling Expected Errors (4:28)
Start13- Throwing Application-specific Errors (8:32)
Start14- Code Review (2:59)
Start15- Importing Observable Operators and Factory Methods (3:08)
Start16- Global Error Handling+ (7:03)
Start17- Extracting a Reusable Error Handling Method (3:35)
Start18- Extracting a Reusable Data Service (7:39)
Start19- The Map Operator (4:27)
Start20- Optimistic vs Pessimistic Updates (6:25)
Start21- Observables vs Promises (6:44)
Start22- Exercise (1:15)
Start23- Solution (5:31)
Routing and Navigation (1h5m)
Start1- Introduction (0:30)
Start2- Routing in a Nutshell (1:04)
Start3- Configuring Routes (6:47)
Start4- RouterOutlet (2:29)
Start5- RouterLink (5:41)
Start6- RouterLinkActive (1:52)
Start7- Accessing Route Parameters (5:23)
Start8- Why Route Parameters Are Observables (8:57)
Start9- Routes with Multiple Parameters (1:48)
Start10- Query Parameters (4:28)
Start11- Subscribing to Multiple Observables (4:45)
Start12- The SwitchMap Operator (7:59)
Start13- Programmatic Navigation (2:16)
Start14- Exercise-Blog Archives (2:01)
Start15- Solution (8:23)
Authentication and Authorization (1h5m)
Start1- Introduction (0:46)
Start2- Application Overview (2:29)
Start3- Architecture (3:02)
Start4- JSON Web Tokens (5:47)
Start5- The Starter Code (8:02)
Start6- Implementing the Login (6:08)
Start7- Implementing the Logout (1:47)
Start8- Showing : Hiding Elements (6:40)
Start9- Showing – Hiding Elements Based on the User’s Role (4:15)
Start10- Getting the Current User (0:49)
Start11- CanActivate Interface (5:35)
Start12- Redirecting the Users After Logging In (4:34)
Start13- Protecting Routes Based on the User’s Role (5:45)
Start14- Accessing Protected API Resources (7:27)
Start15- Quick Recap (1:54)
Deployment (1h15m)
Start1- Introduction (0:36)
Start2- Preparing for Deployment (5:36)
Start3- JIT vs AOT Compilation (5:29)
Start4- Angular Compiler in Action (3:34)
Start5- Building Applications with Angular CLI (6:40)
Start6- Environments (4:27)
Start7- Adding a Custom Environment (3:10)
Start8- Linting with Angular CLI (4:45)
Start9- Linting in VSCode (1:59)
Start10- Other Deployment Options (3:59)
Start11- Deploying to GitHub Pages (7:29)
Start12- Deploying to Firebase (7:03)
Start13- Heroku (1:44)
Start14- Deploying to Heroku (8:04)
Start15- Engines (1:28)
Start16- Exercise (0:20)