Mastering Angular 15/16/17 From Scratch Step By Step

Course Curriculum

Chapter 1: Angular – The Big Picture

Lecture 1: Course Introduction

Lecture 2: Course Support for Learners

Lecture 3: Installing Node.JS

Lecture 4: Installing TypeScript

Lecture 5: Installing Angular-CLI Package

Lecture 6: Uninstalling Angular CLI & Verifying Cache

Lecture 7: Installing an Editor

Lecture 8: Complete Course Exercise Files

Chapter 2: Understanding How an Angular Application Works

Lecture 1: Creating a Simple Angular Application

Lecture 2: Understanding Angular Project Structure

Lecture 3: Understanding the Source Code Folder

Lecture 4: Understanding Package.json

Lecture 5: Understanding Package-lock.json

Lecture 6: Understanding Global and Local Packages

Lecture 7: Understanding Angular.json

Lecture 8: Understanding Build Process

Lecture 9: Understanding Execution Flow of an Angular Application

Lecture 10: Running the Production Build

Chapter 3: Creating New Angular Components

Lecture 1: Creating Inline Template Angular Components

Lecture 2: Creating CodeBehind Angular Components

Lecture 3: Creating Angular Components Using Angular CLI

Lecture 4: Nesting Components

Chapter 4: Using Built-In Directives

Lecture 1: Using the ngIf Directive – Demo 1

Lecture 2: Using the ngIf Directive – Demo 2

Lecture 3: Using the ngSwitch Directive

Lecture 4: Using the ngFor Directive

Lecture 5: Making ngIf Work like ngSwitch

Lecture 6: Using ngFor with various HTML Form Elements

Lecture 7: Using nested ngFor

Lecture 8: Working with ng-Container

Lecture 9: Using the Class Bindings

Chapter 5: Understanding Data Binding

Lecture 1: Using One-Way Data Binding

Lecture 2: Understanding Attribute Binding

Lecture 3: Working with ngStyle

Lecture 4: Understanding Two-Way Binding – Part 1

Lecture 5: Understanding Two-Way Binding – Part 2

Chapter 6: Working with Built-In Pipes

Lecture 1: Setting Up the Example Project

Lecture 2: Changing String Case

Lecture 3: Formatting Numbers, Currency Values, Percentage

Lecture 4: Formatting Dates

Lecture 5: Serializing Data as JSON

Lecture 6: Formatting Key/Value Pairs

Lecture 7: Selecting Values

Lecture 8: Pluralizing Values

Chapter 7: Working with RESTAPI

Lecture 1: Overview of RestAPI

Lecture 2: Using fetch to retrieve all records

Lecture 3: Using fetch to retrieve a single record

Lecture 4: Using ViewChild to render a Template – Part 1

Lecture 5: Using ViewChild to render a Template – Part 2

Lecture 6: Show All Users using bootstrap Card Component

Chapter 8: Designing a Simple Shopping Cart – Single Page

Lecture 1: Calling a RESTAPI To Fill a Dropdown List with Categories

Lecture 2: Handling a DropDown List Click Event To Get Products of a Category

Lecture 3: Add Items to Shopping Cart

Lecture 4: Delete a Shopping Cart Item

Chapter 9: Using Services

Lecture 1: Creating a Sample Service

Lecture 2: Calling Service Methods from a Component

Chapter 10: Working with Parent and Child Components

Lecture 1: Passing Data from Parent to Child Component

Lecture 2: Passing Data from Child To Parent Component

Lecture 3: Designing a Child Component – Example 2

Lecture 4: Designing a Parent Component – Example 2

Lecture 5: Tracking Changes of @Input Properties using ngOnChanges

Chapter 11: Understanding Component Life Cycle

Lecture 1: Exploring OnChanges,OnInit,DoCheck,OnDestroy Life Cycle Hooks

Lecture 2: ngOnChanges Vs ngdoCheck

Lecture 3: Exploring AfterContentInit,AfterContentChecked Life Cycle Hooks

Lecture 4: Exploring AfterViewInit,AfterViewChecked Life Cycle Hooks

Chapter 12: Cross Component Communication with Behavior Subject

Lecture 1: Sharing Data Between Multiple Components Using Behavior Subject

Lecture 2: Passing Data From Parent To Child Component Using Behavior Subject

Chapter 13: State Management using Cookies

Lecture 1: Using get,getAll,delete,deleteAll Methods to work with Cookies

Chapter 14: Working with HTML Form Controls Using Model-Based Forms Approach

Lecture 1: Enabling Model-Based Forms Feature in a new Solution

Lecture 2: Creating an Angular Service

Lecture 3: Working with TextBoxes

Lecture 4: Setting Up JSON Server To Create Fake Rest API

Lecture 5: Working With Radio Buttons

Lecture 6: Working with CheckBoxes – Part 1

Lecture 7: Working with CheckBoxes – Part 2

Lecture 8: Working with ListBox – Part 1

Lecture 9: Working with ListBox – Part 2

Chapter 15: Working with DropDownList using Model Based Forms Approach

Lecture 1: Load Items Into a DropDownList from a JSON file

Lecture 2: Implementing View

Lecture 3: Running and Debugging Application

Lecture 4: Filling Items into a DropDownList Dynamically

Lecture 5: Performing CRUD Operations on DropDownList Items

Lecture 6: Developing a LIVE Currency Converter using DropDownLists

Chapter 16: Working With various HTML Form Controls using Template Driven Approach

Lecture 1: Working with TextBoxes