Angular new

Angular

Angular 2/4/5/6/7/8

Introduction

Introduction to MVC

Why Angular 2/4/5/6/7/8

create custom Html Elements

Powerful Data Binding

Modular by Design

Built-in Back-End Integration

Component

Introduction

Template

URL

Class

Properties

Method

Metadata

Decorator

Using As Directive

Modules

Export Module

Import Module

Component Styles

Encapsulating styles

styles

styleUrls

 

Binding

Data Binding


Interpolation


Property Binding


Two way Binding


Event Binding

 

Directives

Angular Built-in Directives


hidden


disabled

class

style

Structural/Attribute Directives

*ngIf

*ngFor

Local Variable

Pipes

Pipes


Introduction


Built in Pipes


lowercase


uppercase


currency


JSON


date


decimal


Creating Custom Pipes


create Status Pipe


Using Status Pipe in Application

Component Lifecycle

Create​


Render


Render children


Process changes


Destroy


Component

Lifecycle hooks, why and where they are used
OnInit


OnChanges


OnDestroy

 

Nested Components

Building Nested Component


Using Nested Component


Pass data to Nested

Component


Input binding


Getting Data Nested

Component


Output binding


local variable

 

Services

What is service


Build service


Register service


Injecting the service

Using Built In Services


Data Exchange Using Http


Get


Post

Update

Delete

Observables

Receiving Data Using Http


Sending Data using Http


Handling Errors


Subscribing to an Observable

Angular Forms

Handling User Input


Binding events to user input.


Get user input from the $event object

Template-drive forms

Template Reference Variable for Control


Controls status


valid


pristine


dirty


Template Reference Variable for Form


Form status


valid


submitted


validations


required


pattern


minlength


Error Messages

Reactive Forms

Introduction Dynamic Forms

Data Model

FormControl,FormGroup,FormBuilder

Validators

required

pattern

minlength

Custom Validators

No Space Validators

Error Messages

 

Navigation and Routing

Routing

Configuring Routes

Tying Routes to Actions

Passing Parameters to a Route

Accessing Route Parameters

router outlet

Activating a Route with Code

 

Custom Directives

Class

Style

HiddenBuild custom attribute directive

maxQuantity

ElementRef

Renderer2

Build custom structural directive

Custom ngIF

Route Guards

Introduction

Authentication route guards

localStorage and sessionStorage

Authorization route guards

Modules

Feature Module

Root Module

Routing Module

Shared Module

Lazy Loading the Modules

Eagerly Loading the Modules

Unit Testing

Introduction to jasmine and BDD

Introduction to Test Bed

Unit testing Class

Unit testing Angular service

HttpTestingController

Mock API Data

Unit testing Angular component

nativeElement

debugElement

 

Postman

Introduction

verify

get

post

put

patch

delete

headers in request

body in request

Chrome Developer Tools

Elements

Console

Network

Sources

Application

Node JS

Introduction

Installation

REPL

Executing JS Expressions in Node.js

Executing JS code(js files) in Node.js

Module basics

Event System and Architecture