Angular 16 Online Training

• Downloading Visual Studio Code
• Downloading Node.js LTS version
• JavaScript overview
• Types and Variables
• Properties, Objects and Functions in JavaScript

• What is TypeScript
• Using Node.js and NPM to download TypeScript
• Configuring TypeScript
• Basic types, Variable Declarations
• Classes, Interfaces

• Introduction to Angular 16
• Features in Angular 4/6/8/9/10/11/12/13
• Difference between Angular 1 & Angular 4/6/8/9/10/11/12/13
• Understanding Angular Application Folder Structure
• Architecture of Angular 16 Application
• Understanding Angular CLI
• Creating Angular Application using Angular CLI
• Using Angular CLI Commands

• Bootstrapping
• Understanding Components
• Building Blocks of Angular Component
• Creating a Component

• Interpolation{{}}
• Template Expressions and Statements
• Property Binding
• Event Binding
• Two-way Data Binding
• Understanding Angular Directives
• Component, Structual, and Attribute Directives
• ngIf, ngSwitch, ngFor, ngModel, ngClass, ngStyle, and more..

• Creating Custom Directives in Angular
• Understanding Pipes
• Using Built-In Pipes with/without Parameters
• Chaining Pipes
• Creating Custom Pipes in Angular

• Understanding Template-Driven Forms
• Importing FormsModule from @angular/forms
• Using FormControl, FormGroup, FormArray
• Doing Validations using Template-Driven Forms

• Understanding Reactive-Driven Forms
• Importing ReactiveFormsModule from @angular/forms
• Using FormControl, FormGroup
• Doing Validations using Reactive-Driven Forms

• Understanding Services and Dependency Injection
• Using @Injectable
• Using Dependency Injection and IoC
• Understanding Providers

• Importing HttpClient Module
• Using Http Get,Post,Put, and Delete
• Understanding Observables
• Subscribing to an Observable
• Accessing JSON data in Component Template

• Understanding Routing
• Creating Routes
• Creating Routes with Parameters
• Working with Child Routes
• Understanding router-outlet
• Navigating between Routes

• Creating Parent and Child Components
• Passing data from Parent to Child Component using @Input Decorator
• Using ngOnChanges for Change Detection
• Passing data to Parent from Child Component using @OutPut Decorator
• Using Local Variables and @ViewChild

• Understanding HTTP Basics
• API Basics
• JSON basics
• Creating Action Methods with GET,POST,PUT, and DELETE
• Writing CRUD operation methods
• Using PostMan/Fiddler to Test the API's

We will be creating a Content Management System(CMS) using TypeScript 5, Angular 16, ASP.NET Core 8 Web API, Entity Framework Core 8, and many other technologies.