Angular 6 Training

This technical program covers all the core concepts and guides you to build end-to-end Angular 6 applications, including the role of  TypeScript, project setup, code structure, style guide, using the Angular CLI, data binding, abstracted remote data calls through services, and routing. Pragra is the ideal starting point to understand and use Angular 6 effectively now. You’ll experience several “code along” activities and be provided with the code throughout the CO-OP, as you learn how to build apps using Angular 6.

Training Schedule

Every Saturday from 2:00 PM to 4: 00 PM in room training
Every Thursday – Online Session from 8:45 PM to 10:45 PM

Training Duration

8 – Weeks intensive training program

Module 1: Starting from TypeScript, Angular Application Architecture and Angular CLI

  • What is a Single Page Application
  • Why Angular
  • Types
  • Let, Const
  • Class, Interface
  • Fat Arrow Functions
  • Decorators Modules
  • What is Angular CLI and how to use it?
  • Basic tasks (ng serve/build/test, ng generate component/service/directive/pipe)
  • Architecture of Angular Applications Built using Angular-CLI

Module 2: Angular Modules and Angular Components

  • @NgModule
  • Angular Application Bootstrap Mechanism
  • @Component
  • Data/Property Binding
  • View Encapsulation
  • Inter-component Communication (@Input/@Output, Event Emitter)
  • Template variables (ViewChild/ContentChild)
  • Content Projection(ng-content)
  • Templates – will be covered as part of components
  • Metadata – basic overview
  • Lifecycle hooks

Module 3: Dependency Injection (Providers)

  • Dependency Injection – Introduction
  • Dependency Injection – As a design pattern
  • Dependency Injection – As a framework
  • Dependency Injection – What?
  • Injectors and Providers
  • Hierarchical Dependency Injection

Module 4: Routing

  • Child routes
  • Route params
  • Route Guards – CanActivate, CanActivateChild, CanDeactivate, Resolve, CanLoad

Module 5: Services

  • Service as a singleton, data sharing.
  • HttpClient, HttpHeaders, HttpParams
  • Observables with Operators like map, subscribe, catch, retry etc
  • Subjects
  • Sharing data across Components using Service

Module 6: Directives

  • Built In Structural Directives – NgFor, NgIf, NgSwitch
  • Built In Attribute Directives – NgClass, NgStyle, NgNonBindable
  • Building a Custom Structural Directive
  • Building a Custom Attribute Directive

Module 7: Pipes and Forms

  • Build in Pipes
  • Building Custom Pipes
  • Pure and Impure Pipe
  • Template Driven Forms
  • Reactive forms
  • Form Validations
  • Custom Synchronous form validations
  • Custom Asynchronous form validations

Module 8: Custom Decorators

  • Metadata – deep dive
  • Building Custom Class Decorator
  • Building Custom Property Decorator