Angular Development Online Training

1. Introduction to Angular

• What is Angular?
• Angular Versions: AngularJS (vs) Angular
  • Setup for local development environment
  • Installing NodeJS, NPM
    Angular CLI
• Develop First Angular program using Angular CLI and Visual Studio Code.

2. Angular Architecture

• Introduction
• Basic Building Blocks of Angular
• Applications
• Angular Modules and @NgModule
• Decorator
• Angular Libraries
• Component, Templates and Metadata
• Data Binding
• Directives
• Services and Dependency Injection

3. Displaying Dynamic Data

• Types of Directives
• Template Expressions
• String Interpolation
• Built-In Directives
  • ngIf
  • ngSwitch
  • ngFor
• * vs
• When to use
• Angular Components Deep Dive
• What are Components?
• Components Life Cycle Hooks.
• Dynamic Components.
• Working with Model Class.
• Nested Components.
• Working with Arrays / Collections.

4. Data Binding

• Binding properties and Interpolation
• One-way Binding / Property Binding
• Event Binding
• Two-way Binding
• Two-way binding with NgModel
• Attribute Binding
• Style and Class Binding

5. Styles Binding In Components

• Style and Class Bindings
• Built-In Directives – NgStyle & NgClass
• Using Component Styles
• Special selectors
• Loading Styles into Components
• View Encapsulation
• ViewChild & ViewChildren
• ContentChild & ContentChildren

6. Template Driven Forms

• Introduction
• Create the component that controls the form
• Create a template with the initial form layout
• Bind data properties to each form input control with the ngModel two-way data binding syntax
• Add the name attribute to each form input control
• Add custom CSS to provide visual feedback
• Show and hide validation error messages
• Handle form submission with ngSubmit
• Disable the form’s submit button until the form is valid
• Resetting the form.

7. Reactive Forms

• Reactive Forms Introduction
• More Form Controls
• Form Control Properties
• setValue and patchValue
• Validating Form Elements
• Submitting and Resetting forms
• Observing and Reacting to Form Changes
• Using FormBuilder

8. Working with Pipes

• Built-in Pipes
• Using parameters and chaining Pipes
• Custom Pipes
• Parameterized Custom Pipe
• Pipes and Change Detection
• Pure and Impure pipes
• Changes in Pipes Syntax from 4 to 5

9. Custom Directives

• Custom Attribute Directive
• Using HostListener
• Using HostBinding
• Custom Validator Directive

10. Dependency Injection

• Understanding Dependency Injection
• Understanding DI in Angular Framework
• Reflective Injector
• Exploring Provider
• Types of Tokens
• Types of Dependencies
• Configuring DI using Providers
• Implementing DI in Angular
• Optional Dependencies

11. Services in Angular

• Building and Injecting Custom Services
• Service using another Service

12. Reactive Extension for JavaScript

• Introduction
• Observable and Observer
• Reactive Operators

13. Http Client Service

• HttpClientModule and HttpClient Classes
• Writing Service with Get / Add / Edit / Delete
• Using Service in Component

14. Angular Routing

• Introduction
• Configuring and Navigating
• Parameterized routes
• Nested (or) Child Routes
• Router Guards & Routing Strategies

15. Angular Modules

• AppModule as Root Module
• Feature modules
• Lazy Loading a Module
• Shared Module