Introduction
Why Angular?
Understanding Angular Versions
- AngularJS (Angular 1.x)
- Angular 2
- Angular 4
- Angular 5
- Angular 6
- Angular 7
Typescript and ES6
- 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 )
- De-structuring ( ES6 )
- We are into one of the best Angular Training Institute Marathahalli, Bangalore
Development Environment Setup
- Install NodeJS and NPM
- Angular CLI
- Basic Angular App
- Bootstrapping in Angular
- Basic Structure of Angular App
Main Building Blocks of Angular
- Modules
- Components
- Templates
- Metadata
- Databinding Directives
- Services
- Dependency Injection
- Module and its Importance
- Parent & Child Modules
Components in Detail
- What is Component?
- How to create a Component?
- Component decorator
- Component’s Structure
- Component Lifecycle Hooks.
- How to pass Data from Parent to Child & Child to Parent
Data Binding and Event Binding
- String Interpolation.
- Property Binding.
- Event Binding.
- Two-Way Data Binding.
- Event Filtering
Services in Angular7
- What Is Service
- Why we use Service
- What is Dependency Injection
- How to use Dependency Injection
Directives And Custom Directives
- What is Directives?
- Types of Directives
- Difference between Structural & Attribute Directives.
- Difference between ngIf & hidden directives.
- Create Custom Attribute Directive
- Create Custom Structural Directive
Pipes
- What is Pipe?
- Purpose of the Pipes.
- Difference between Pipes & Directives.
- System Defined Pipes,
– Lowercase
– Uppercase
– Titlecase
– Slice
– Json
– Number
– Percent
– Currency
– Date
- Pure Pipe & Impure Pipe
- Create Custom Pipes
- Chaining Pipes
Event Emitters
- What Is Service
- Why we use Service
- What is Dependency Injection
- How to use Dependency Injection
Template Driven Forms
Reactive Forms
Routing
- What is Routing
- How Routing makes Angular app to SPA
- How To configure Routing
- Dynamic Vs Static Route
HTTP & Observables
- HTTP Request
- HTTP Methods
- Observable and Observer
- Nex(), Error(), Complete()
Authorization
- Client Side Authorization
- How to Create Guard in Angular7
- Setup Route Guards
- Interceptors
- We are into one of the best Angular Training Institute Marathahalli, Bangalore