Angular 2

~ Ahasan Habib

Development Environment● Operating System

* Windows

* Linux

* Mac

● Integrated Development Environment (IDE)

VISUAL STUDIO CODE (VSCODE)

VISUAL STUDIO 2015

● Nodejs

● Webpack

Programming Language

● Typescript

● Javascript

Introduction

● One Framework (Mobile & Desktop)

● Successor of Angular-1x

● But huge difference from angular 1x ...

● Configurations

* Systemjs.config.js

* tsconfig.json

* package.json

● Application Shell

* index.html

Core Features

● Modules

● Components

● Templates

● MetaData

● Data Bindings

● Directives

● Services

● Dependency Injection

Module

Component

Template

Metadata

Data Binding1. One way (Source to View Or View to Source).

2. Two way (Source to View AND View to Source).

3. Value Binding

4. Property Binding

5. Event Binding

6. Model Binding

Directives1. Component Directives

2. Structural Directives

3. Attribute Directives

● NgFor● NgIf● NgModel● NgSwitch● NgSwitchCase● NgSwitchDefault

Service● No Specific Defination

● Components are basically service consumer.

● [LoggingService, DataService, Application Configuration]

Dependency Injection

Other Features● Animations

● Change Detections

● Events

● Forms

● Http

● Lifecycle Hook

● Pipes

● Router

● Testing

“Tell me and I forget, teach me and I may remember, involve me and I learn.” ― Benjamin Franklin

THANKS TO ALL