Angular

Introduction to Angular

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

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

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

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

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

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.

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
Deccansoft Software Services Angular 7 Syllabus
• Using FormBuilder

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

Custom Directives
• Custom Attribute Directive
• Using HostListener
• Using HostBinding
• Custom Validator Directive
Dependency Injection
• Understanding Dependency Injection
• Understanding DI in Angular Framework
• ReflectiveInjector
• Exploring Provider
• Types of Tokens
• Types of Dependencies
• Configuring DI using Providers
• Implementing DI in Angular
• Optional Dependencies

Services in Angular
• Building and Injecting Custom Services
• Service using another Service
Reactive Extension for JavaScript
• Introduction
• Observable and Observer
• Reactive Operators

Http Client Service

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

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

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