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
Top Related