Angular 7 Training

Angular 7 Online Course Syllabus

Introduction to Angular

What is Angular?

• Angular Versions: AngularJS (vs)
• Angular Setup for local development
• Environment of Installing NodeJS, NPM
  • Installing Visual Studio Code
  • 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
    • ngIf
    • ngSwitch
    • ngFor
    • ng-container

Angular Components Deep Dive

• What are Components?
  • Components Life Cycle Hooks. Dynamic Components.
  • Working with Model Class. Nested Components.
  • Working with Arrays / Collection

Data Binding

• Binding properties and Interpolation One-wayBinding 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
  • Form Controls
  • Form Control Properties
  • setValue and patchValue
  • Validating Form Elements
• Submitting and Resetting forms
• Observing and Reacting to Form Changes
• 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

• Http client module and Http client 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

Performing CRUD Operations as in Realtime Angular Application.

• Create and ASP.NET MVC Web API Application
  • Add Angular Seed, download files and Configure Project Setup Project for Entity Framework Code First Model
  • Add Web API Controller to perform CRUD Operations using EF. Create Angular Feature and Routing Modules
• Configure Angular to use HTTP and Json Services
• Program Angular Modules to performing CRUD Operations.

Angular CLI and MVC Application

• Create an Angular CLI Project
  • Build CLI Project
• Integrate build output with MVC Application

Trainer Profile of Angular 7 Online Training

Micheal is a Professional Angular 7 trainer who has more than 10 years of hands on experience in researching and automating web applications based on Angular 7 technology. He is well-versed with his subjects and expert in providing Live Online Training based on multiple real time applications. He has already trained more than 1000+ students of Angular 7.

He is an all-rounder personality excelled in providing Placement Oriented Training with the multiple real time applications. He is extremely proficient in both training and development process. He has strong passion towards Software Training and is profoundly experienced in providing customized training as per the needs of the students. He has expertise in writing performance-targeted code and firmly believes in training his students with the same approach for building web applications.

FAQ