Learn to build your first Angular application

Understand and utilize Angular platform and framework

Optimize and streamline complex enterprise-level applications

Master best practices for high-performance Angular apps

Strengthen productivity and scalability with Angular

Get introduced to Angular’s community and extensive support

User Experience similar to a Desktop Application

Productivity and scalability

Performance & unit testing

Community and support

Full-featured Framework

Mobile App Development support

AngularJS (Angular 1.x)

Angular 2

Angular 4

Angular 5

Angular 6

Angular 7

Introduction

What is Typescript

Why Typescript

Setup and installation

IDE support

Scoping using Let and Const Keywords (ES6)

Template Literals (ES6)

Spread Syntax and Rest Parameters (ES6)

Destructuring (ES6)

Introduction

Type inference

Type Annotations

Number

Boolean

String

Array

Tuple

Enum

Any

Void

Null and Undefined

Never (Typescript 2)

Introduction

Using types in functions

Function as types

Optional and default parameters

Arrow functions

Introduction

Inheritance

Access modifiers

Getters and setters

Readonly & static

Scope and Data Binding

Controllers and Dependency Injection

Services, Factories, and Providers

Directives and Custom Components

Introduction

Import

Export

Default

Will discuss various types of Decorators available in Angular.

Angular CLI

Anatomy of the project

Debugging Angular apps

Working with Augury

Modules

Components

Templates

Metadata

Data binding

Directives

Services

Dependency injection

Why modules

How to create modules

Built in modules

Root Module

Feature module

Introduction

@Component decorator

Component configuration object

Custom components

Component with templates

HTML as template

Data binding

Template expressions

Template syntax

Attribute, class and style bindings

@Input()

@Output

Template reference variables

Safe navigation operator

Introduction

Built-in directives

Structural directive

Attribute directive

Introduction

Built-in pipes

@Pipe decorator

Introduction

@angular/forms library

Template driven forms

Form and field validation

Validation check with ng-pristine, ng-dirty, ng-touched, ng-untouched, ng-valid, ng-invalid

Show and hide validation error messages

Form submission with ngSubmit

Reactive/Model driven forms

ReactiveFormsModule

FormGroup, FormControl classes

FormBuilder for easy form building

Validations using Validators

Setting form model using setValue and patchValue

Use FormArray to build repeated form controls or form groups

Introduction

Why DI

@Injectable decorator

Custom service development

Registering the service with NgModule using providers key

Provider Types

Introduction

@angular/router library

Configure routes

RouterModule.forRoot and RouterModule.forChild

RouterOutlet, RouterLink, RouterLinkActive

Nested Routes

Parametrized routes

Route guards

Introduction to RxJS and Observables

What is Reactive Programming?

Creating Observables using 'of', 'from', 'interval'

Subscribing to Observables

Understanding Observers and Subscribers

Unsubscribing and Memory Leaks

Common RxJS Operators: map, filter, take, debounceTime

Combining Observables with merge, concat, combineLatest, forkJoin

Error Handling with catchError and retry

Practical Use Cases in Angular Services and Components