- Getting Started
- Introduction
- What is Angular 2?
- How Angular Works ?
- Difference between Angular and Other Framework
- Advantages of Angular
- Typescript
- What is typescript?
- Compare typescript with Javascript
- Data Types & Variables
- Variable & Operators
- Control Structure and Decision making & loops
- Typescript Functions & Strings
- Typescript Object
- Class , Abstract Class
- Constructor Method
- Type of Assertion
- Interfaces
- Application setup
- Installing Angular JS
- Configuration of Angular JS
- Creating an Angular 2 project
- Creating an Angular 2 project using CLI
- NodeJS
- Setup
- Commands
- What is NPM
- Install Nom for Angular
- Architecture
- Module
- Component
- Template
- Metadata
- Data binding
- Directive
- ▪ Attribute Directive
- ▪ Structural Directive ,
- Services
- Dependency Injection
- Angular UI design patterns
- Material Design
- What is material design
- How to use and setup material environment
- Material components and layouts:
- Bootstrap
- ▪ How to install bootstrap in angular environment
- ▪ Bootstrap layout and components
- Directives
- Understanding Directives
- Directives Overview
- Different kinds of directives
- Build attribute directive
- Apply the attribute directive to an element in a template
- Respond to user-initiated events
- Pass value into the directive with an @Input data binding
- Custom Attribute Directive
- Structural and Attribute Directive
- What is structural directive?
- ▪ NgIf case study
- ▪ NgFor, NgSwitch
- What is attribute Directives
- ▪ Using the NgStyle Directive
- ▪ The element