Complete Angular 14 Course - Learn Frontend Development 

What is Angular

Setup development environment

Creating a new angular project

Starting your angular application

Discover the template and clean the app component

Creating basic ui for todo list.

Introduction to typescript

What is a component

One way data binding

ngFor loop to display tasks from array

Event Binding (add button)

Local reference (add new task)

Adding a new task

Remove a task

Mark task as done

Create and use task class

Conditional single class binding

Undoing a done task

Creating a new component

Components

Handout Components

Adding header and intro to modules

Adding a module

Create a calendar module and component

Add angular material package

Style angular material calendar

Modules

Handout Modules

Routing

Two way databinding (calendar selected date)

Parameterized routes (sending date from calendar to task-list)

NgOnInit

Date picker for task-list

Two way databind date and task-title

Fixing line-height in task-list

Using a form

Input validation

Showing different error validation messages

Disabling form elements based on validity

Refactoring for services

Creating a service for tasks

Implementing the task service

Injecting the service

Service provider scopes

Handout Services

Reference types

Preparation for reactive extensions

Using observables

Handout Observables

Services

Extracting components

Input data binding (child component)

Output data (parent component)

Presentational and smart components

Making input and output required

Different selectors

Directives

Pipes

Final words