Description:

Description

Following is the Curriculum followed in this course:

   TypeScript, Angular Application Architecture and Angular CLI
   Angular Modules and Angular Components.
   Angular’s Component LifeCycle Hooks
   Dependency Injection In Angular
   Routing
   Services
   Directives
   Pipes
   Forms
   Custom Decorators
   Angular Material
   Firebase

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
   Change Detection strategy (Zones) – Theoretical

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
   Order and triggering of each hook
   Hooks specific to Components and Decorators

Dependency Injection(Providers)

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

Routing

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

Services(@Injectable)

   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

Directives(@Directive)

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

Pipes(@Pipe)

   Build in Pipes
   Building Custom Pipes
   Pure and Impure Pipe

Forms

   Template Driven Forms
   Reactive forms
   Form Validations
   Custom Synchronous form validations
   Custom Asynchronous form validations

Custom Decorators

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

Integrating with Third Party Libraries

   Material Design Bootstrap
   Angular Material
   Firebase

Who is the target audience?

   Anyone who wants to learn Angular
   Anyone interested in building Single Page Applications
   Anybody who wants to know Angular in depth
   Anyone who wants to learn TypeScript, Firebase and Angular Material

Requirements

   NodeJS Installed
   Basic knowledge of NodeJS, NPM, node_modules
   We’ll use AngularCLI, so make sure that it’s installed as well.
   We’ll use Visual Studio Code as our IDE
   You should know JavaScript
   Experience with Object Oriented Programming is a plus