Angular 7 Training Course

Overview

Course Duration: 4 Days

Objectives

-
Module 1: Introduction

Angular 7 Introduction why Angular

Module 2: Understanding Angular Version
  • AngularJS (Angular 1.x)
  • Angular 
        o Angular 2
        o Angular 4
        o Angular 5
        o Angular 6
        o Angular 7

Module 3: Overview of React JS

Module 4: Explore Function

  • Introduction
  • Using types in functions
  • Function as types
  • Optional and default parameters
  • Arrow functions 
  • Function overloading

Module 5: Classes
  • Introduction
  • Inheritance
  • Access modifiers
  • Getters and setters
  • Read only& static
  • Abstract classes

Module 6: Module
  • Introduction
  • Import
  • Export
  • Default
Module 7: Decorators(AOP) 
  • Decorators (Typescript Aspect Oriented Programming)
Module 8: Working with Angular CLI 
  • Modules
  • Components
  • Templates
  • Metadata
  • Data binding
  • Directives
  • Services
  • Dependency injection
Module 9: Angular Module/Lib/Component
  • Angular Components/Module/Lib
Module 10: Angular Template 
  • HTML as template
  • Data binding
        o Interpolation
        o Property Binding
        o Event Binding
        o Two way binding
  • Template expressions
  • Template syntax
  • Attribute, class and style bindings
  • @Input() 
  • @Output
  • Template reference variables
  • Safe navigation operator
Module 11: Angular Directive 
  • Introduction
  • Built-in directives
  • Structural directive
  • NgIf
  • NgFor
  • NgSwitch Attribute directive
  • NgClass
  • NgStyle
  • NgModel
  • @Directive decorator

Module 12: Pipes


  • Introduction
  • Built-in pipes
  • @Pipe decorator
  • Custom pipe development

Module 13:Forms
  • Introduction
  • @angular/forms library
  • Template driven forms
  • Form and field validation
  • Validation check with ng-pristine,ng-dirty, ng-touched, ng-untouched, ng-valid, ng-invalid
  • Show and hide validation error messages
  • Form submission with ngSubmit
  • Reactive/ Model drive forms
  • ReactiveFormsModule
  • FormGroup, FormControl classes
  • FormBuilder for easy form building
  • Validations using Validators
  • Setting form model using setValue and patchValue
  • Use FormArray to build repeated from controls or form groups
Module 14: Dependency Injection 
  • Introduction
  • Why DI
  • @Injectable decorator
  • Custom service development
  • Registering the service with NgModule using providers key
  • Provider Types
  • Class
  • Factory
  • Value
-
Course ID:
ANGULAR7


Show Schedule for: