Angular Training In Chennai

Vikapri course png
About Angular

Angular Course helps to develop Web Applications using JavaScript Framework.

Knowledge of TypeScript, Angular Components, Data Buildings, Directives, Services in Angular, Build UI applications is an advantage in Angular Training Course.

Benefits of Angular are High Quality, Faster process, Improved Performance, Modest Design and Problem-solving patterns.

We provide the best Angular Training In Chennai with one-on-one training sessions, hands-on projects, flexible time, interactive training by Experts.

Course Contents -Angular

Introduction
  • Introduction to web development
  • Traditional vs Modern Web Development
  • Traditional Servers vs Node JS
  • Old and Modern JavaScript
  • Issues with ES5 JavaScript
  • ES5 vs ES6 JavaScript
  • Why to use & Advantages of TypeScript
  • Angular JS vs Angular 2/4/5/6
  • Current Web Development Scenario

TypeScript
  • Typing System
  • TypeScript Types
  • Enums, Consts & Type aliases
  • Arrays Types
  • Functions
  • Optional, Default parameters
  • Fat Arrow Functions
  • Interfaces
  • Object Oriented Programming
  • Classes and Class Constructors
  • Properties, Methods, Getters and Setters



Introduction To Angular
  • Angular Installation
  • Angular CLI
  • Serving and Building the Application
  • Application Structure
  • Angular Modules
  • Root and Featured Modules
  • Lazy loading
  • Imports, Declarations, Providers and Dependencies


Components
  • What are Components and their role
  • Root Component
  • Component Syntax
  • Selectors, Templates and Styles
  • Nested Components
  • Component Life Cycle
  • Initialization Hooks
  • Destroy Hooks
  • View Encapsulation
  • Web Components
  • Re-usable Components
  • Adding Components Dynamically
  • Entry Components



Data Bindings
  • Angular Data Bindings
  • String Interpolation
  • Property & Event Bindings
  • Two Way Data Binding
  • Template Variables
  • Component Communications
  • Input and Output
  • ViewChild
  • Content Projection
  • Events and Event Emitters
  • Listening to Event Emitters
  • Container & Presentational Components
  • Smart & Dumb Components



Directives
  • Angular Directives
  • Attribute Directives
  • Built-In Attribute Directives
  • Structural Directives
  • Built-In Structural Directives
  • NgIf, NgFor and NgSwitch Directives
  • ng-container
  • ng-template and template outlets
  • ng-template context
  • Custom Directives
  • Element Refs, Renderers
  • Host Binding, Host Listeners



Pipes
  • What are Pipes
  • Built-In Angular Pipes
  • Currency Pipe
  • Number Pipe
  • Percent Pipe
  • Lower and Upper Case Pipes
  • Date Pipe
  • Custom Pipes
  • Custom pipe with parameters
  • Pure and Impure Pipes



Services
  • What are Services in Angular
  • Injectable Services
  • Dependency Injection
  • Singletons
  • Export and Import Services
  • Shared Services
  • Providing Services
  • Services at Component Level
  • Global Services



Template Driven Forms
  • Forms Module
  • Template Driven Forms
  • NgForm & NgSubmit
  • NgModel and Two way Bindings
  • Form Validations
  • Touched & Untouched states
  • Pristine & Dirty states
  • Valid and Invalid
  • Form Submit
  • Password & Confirm Password Validations
  • Handling Check Boxes & Radio Buttons



Reactive Forms
  • What are Reactive Forms
  • Reactive vs Template Driven Forms
  • Form Group
  • Form Control
  • Form Array
  • Form Builders
  • Form Validators
  • Required, Min, Max, Pattern Validators
  • Custom Validators
  • Custom Async Validators
  • Subscribing to Form Values
  • Setting & Patching the Forms
  • Resetting the Form
  • Form Status & Status Changes
  • Handling Check boxes, Radio Buttons, Select options, Ranges etc.
  • Dynamically Generating Input Fields



HTTP & Reactive JS
  • HTTP Module
  • Promises
  • Reactive Programming
  • Observables
  • Subscriptions
  • Subjects
  • Behavior Subjects
  • JSONP
  • Get, Post, Put & Delete Requests
  • Error Handling
  • Working with APIs



Routes
  • What are Routes
  • How to Configure Routes
  • Router Outlet
  • Router Link & Navigation
  • SPA (Single Page Application)
  • Route Parameters
  • Subscribing to route parameters
  • Routes for Root Module and Child Modules
  • Query Parameters and subscribing to them
  • Activated Routes
  • Route Guards
  • Implementing Can Activate Guard
  • Implementing Can Deactivate Guard
  • Child Routes