Introduction & Basics [Theory only]
  • Course Introduction
  • Angular Introduction
  • Where to Start Practical
  • How to run Source Code & Where to Download Course Material
  • What if I don't know Asp.Net Core?
  • What if I don't know TypeScript?
  • Angular Goals
  • Code Compilation Process in Angular
  • Do's and Don'ts of Angular
  • Building Blocks
  • Angular Architecture
  • Overview of Angular Packages
  • App Folder Structure
  • Angular Basics
First App in Angular [Practical Starts Here]
  • Setting-up Environment
  • Create First App
  • Add Bootstrap
  • Add Bootstrap NavBar
  • Create & Nest Components
  • Create Basic Routing
  • Angular Basic App
  • Wizard Assignment: Creating Simple Wizard using Angular Routing
Data Bindings, ngFor, Style Management, Pipes, Built-in Directives
  • Create Dashboard
  • Error: Property has no initializer
  • ngFor & Nested ngFor
  • Data Bindings
  • Handle Dynamic Style & ngClass
  • ngIf & ngIf-else & ng-template
  • Built-in Pipes
  • ngSwitch
  • Data Bindings and Built-in Directives and Pipes
Modules & Services
  • Modules
  • Services & DI
  • Angular Modules & Services
RxJS & REST API calls
  • What is RxJS, Observable and Observer
  • AJAX Introduction
  • Get [Asp.Net Core MVC]
  • Post [Asp.Net Core MVC]
  • Put [Asp.Net Core MVC]
  • Delete [Asp.Net Core MVC]
  • Search [Asp.Net Core MVC]
  • RxJS Observable - Map
  • JSON-Server API calls (for Non Asp.Net Core Developers)
Authentication & Security
  • User Authentication in Asp.Net Core Mvc [Skip if not interested in Asp.Net Core]
  • User Authentication in Angular
  • Understanding JWT
  • JWT Authentication in Asp.Net Core Mvc [Skip if not interested in Asp.Net Core]
  • JWT Authentication in Angular
  • Http Interceptors
  • Cat 401 UnAuthorized Responses using Interceptors
  • CanActivate Guard
  • Role Based Authentication
  • Prevent XSRF (Cross Site Request Forgery)
  • Prevent XSS (Cross Site Scripting)
Template Driven Forms
  • CheckBox, RadioButton, DropDownList
  • Validations in Template Driven Forms
  • Custom Validations in Template Driven Forms
  • Cross Field Custom Validations in Template Driven Forms
  • Async Custom Validations in Template Driven Forms with REST-API Calls
Reactive Forms
  • Understand & Create Reactive Forms
  • Radio Buttons
  • Dynamic Radio Buttons
  • Dynamic DropDownList
  • CheckBox
  • valueChanges Observable
  • setValue, patchValue, reset
  • Nested Form Groups
  • Form Arrays
  • Form Builder
  • Validations in Reactive Forms
  • Add Validation Error Messages
  • Custom Validations
  • Cross Field Validations
  • Submit Reactive Form
  • Correction on skillLevel field in Reactive Form
  • Async Validations with REST API Call
Component Communication
  • Parent To Child Communication - using Input Binding
  • Child To Parent Communication - using Output Binding with Custom Events
  • Parent to Child - using ViewChild
  • Parent to Child - using ViewChildren
  • Component Communication using Services
  • Custom RxJS Observables
  • RxJS Subject
  • RxJS BehaviorSubject
  • Pass Content from Parent to Child
  • Child to Grand Child - using ContentChild
  • Child to Grand Child - using ContentChildren
  • ElementRef
Debugging and Auto-Deployment
  • Debugging the Angular Code
  • Use Gulp for Continuous Deployment