Angular JS Training and Course in Chennai

• Module Introduction
• How an Angular App gets loaded and started
• Components
• Creating new Component
• Understanding the role of AppModule and Component Declaration
• Understanding Component Templates
• Understanding Component Styles
• Understanding Component Selector

• Module Introduction
• What is Databinding
• String Interpolation
• Property Binding
• Property Binding vs String Interpolation
• Event Binding
• Bindable Properties and Events
• Passing and Using Data using Event Binding
• Two-Way Binding
• Forms Module and Two Way Binding
• Understanding Directives
• Using ngIf and Else Conditions
• Using ngStyle for Styling Angular App
• Applying css Class dynamically with ngClass
• Displaying Lists using ngFor

• Module Introduction
• Dividing the App into multiple components
• Property and Event Binding deep dive
• Binding to custom properties
• Binding to custom events
• View Encapsulation
• Understanding Local Reference inside Templates
• Getting Access to the templates using @ViewChild.
• Exploring Component Life Cycle
• Life cycle hooks deep dive

• Creating a basic custom attribute directive
• Exploring Renderer to create a Directive
• Understanding HostListener and HostBinding
• Binding to Directive’s Properties
• Building Structural Directives
• Exploring ngSwitch

• Module Introduction
• Why Services are required
• Creating a Service
• Injecting the service into components
• Understanding Dependency Hierarchical Injector
• Injecting a Service into other services

• Module Introduction
• Understanding the need of a Router
• Setting Up and implementing Routes
• Navigating to Router Links
• Understanding Router Paths
• Styling Active Router Links
• Understanding Navigation Paths
• Styling Router Links
• Navigating Dynamically
• Using Relative Paths
• Passing Parameters to Routes and fetching route parameters
• Fetching route parameters in a Reactive Way
• Passing query parameters and fragments
• Understanding Nested Routes
• Redirecting and Wildcard routes
• Redirection Path Matching
• Outsourcing the Route Configuration
• Introduction to Guards
• Understanding can activate
• Understanding canActivateChild
• Understanding can deactivate
• Passing Static Data to a Route
• Understanding Resolve Guard
• Exploring Location Strategies

• Module Introduction
• Understanding built-in Angular Observable
• Creating Observables
• Using a Custom observable
• Unsubscribe
• Using Subjects to pass and Listen to Data
• Understanding Observable Operators

• Module Introduction
• Need of Angular’s help
• Template Driven vs Reactive Approach

Template Driven Approach

• TD: Creating the Form and Registering the controls
• TD: Submitting and Using the form
• TD: Understanding Form’s State
• TD: Accessing Form using @ViewChild
• TD: Adding Validation to user input
• TD: Built-in Validator and using HTML 5 Validation
• TD: Understanding Form State
• TD: Outputting Validation Error Messages
• TD: Set Default Value with ngModel Property Binding
• TD: Using ngModel and two-way binding
• TD: Grouping Form Controls
• TD: Using Form Data

Reactive Form Approach

•  Reactive: Creating a Form in Code
• Reactive: Submitting the form
• Reactive: Adding Validation
• Reactive: Getting Access to Controls
• Reactive: Grouping Controls
• Reactive: FormArray
• Reactive: Custom Validators
• Reactive: Exploring Error Codes
• Reactive: Custom Async Validator

• Module Introduction
• Using Pipes
• Parameterizing Pipes
• Chaining Multiple Pipes
• Creating a custom Pipe
• Pure & Impure Pipes
• Understanding the Async Pipe

• Introduction & how HTTP request works in SPAs
• Sending POST Request
• Adjusting request headers
• Sending GET requests
• Sending PUT Requests
• Response with observable operators
• Catching HTTP errors
• Using the async pipe with HTTP Requests

•  Module Introduction
• How Authentication works in SPAs
• Introduction to JWT
• Creating a Signup Page and Route
• Setting up Firebase SDK
• Signing users up
• Signing users in
• Token introduction
• Sending a token
• Route protection and redirection example.

• Module Introduction
• Using types
• Classes
• Interface
• Generics
• Wrap up & Modules
• Deep dive into typescripts.