Introduction

What is Angular?

Architecture of Angular Apps

Your First Angular App

Structure of Angular Projects

Webpack

Course Structure

TypeScript Fundamentals

Your First TypeScript Program

Declaring Variables

Types

Arrow Functions

Interfaces

Classes

Constructors

Access Modifiers

Properties

Modules

Angular Fundamentals

Creating Components

Generating Components Using Angular CLI

Templates

Services

Dependency Injection

Exercise

Introduction to Angular

SPA and Local Setup

Typescript decorators and tsconfig file

Built-in Pipes

Change Detection and ngOnChanges

ViewChild, ViewChildren and AfterViewInit

Resolution Modifiers

HttpService , RxJs observables and http get

Http Request

catchError operator

Http Interceptor

Adding Angular material and navigation

Introduction

Custom Directives and Custom Validation

Nested and Child Route

Configure Lazy Loading using CLI

Listening to Router Events

CanLoad

Nested Form Controls

Reset Form

SetValue and PatchValue

Custom Validator

Resolve Guard

First test

GitHub Actions to Automate Tasks

Intro

CLI & Dev Server

JavaScript Expressions

Events

Adding CSS

Running the Server

Updating JSON Server

Submitting data to the server

Conclusion

1.1 Introduction

2.1 Installing and Using the Angular CLI

2.2 Creating a Data Model

2.4 Making Decisions

2.5 Binding Data to Properties and Attributes

2.6 Binding Events

2.8 Listening for Changes to ngModel Values

2.9 Using Getters to Filter and Provide Data

3.2 Outputing Information From a Component

3.3 Initializing Component Functionality

3.4 Setting Up Two-Way Binding

3.6 Styling Components

4.1 Using Observables to Create an Event Bus

4.2 Refactoring the WishListItem Component

4.4 Issuing HTTP Requests

4.5 Providing Options for HTTP Requests

5.1 Creating Modules

5.2 Exporting Single Components

6.1 Introducing Reactive Forms

6.3 Validating Reactive Forms

6.4 Writing Custom Validators

7.1 Defining Routes

7.3 Navigating to Routes

7.4 Providing Data to Routes

8.1 Conclusion

Prerequisites

Install Nvm

Install Packages from Custom Repositories

Types of Websites

Node Modules

Angular Json File

Typescript Configuration Files

Main Ts File

Custom Route

Server Js File

What does zoneless mean?

What is change detection?

Demo application using zones

Going zoneless

Zoneless demo application

markForCheck

signals

Zoneless and HTTP get

HTTP get and async pipe

HTTP get and signals

Why zoneless?

Wrap up

Intro

How to create a file in VSCode

How to run an Angular application

What is NPM?

TypeScript is Javascript with syntax for types

Angular Compilation and Output

Ng serve

Understanding the src folder

Angular Module

Error handling in Angular

Intro

How to create a file in VSCode

How to run an Angular application

What is NPM?

TypeScript is Javascript with syntax for types

Angular Compilation and Output

Ng serve

Understanding the src folder

Angular Module

Error handling in Angular

Introduction

Introduction to the Angular Framework?

Setting up the development environment

Understanding the project

Angular components

Angular components in action

Angular services and dependency injection

Angular services and dependency injection in action

Angular routing

Angular routing in action

Angular HttpClient

Implement a full example

Outro

Introduction

Building Blocks of Web Development

Introduction to Angular

Angular Architecture

Angular Installation & Setup

Angular CLI

Files and Folders

Angular Components

Angular Templates

Angular Modules

Angular Services

Angular Directives

Dependency Injection

Angular Routing Navigation

Angular Forms

Testing in Angular

Learning in Brief