OUR COURSES

Angular Training In Chennai

Programming Courses Training in Chennai

About Angular

  • In today’s competitive market, individuals who possess essential business and technological skill enjoy a significant advantage over their subordinates.
  • The ABAP training sessions deliver mastery level instruction for project team members and more advanced SAP users.
  • Each ABAP course includes basic instruction, advanced tips, live discussion, demonstration, and test yourself exercises. Our instructors can provide onsite training that is customized to meet the requirements of your individual project and organization.
  • The SAP Certification program provides that competitive edge. When you are SAP certified, you join a distinguished community of experts recognized globally.
  • Today more than 10000 consultants and users worldwide are part of this exclusive community. SAP ABAP (Advanced Business Application Programming) is the programming language used to develop all SAP ERP applications. Today, with more than 50,000 customers worldwide, SAP is one of the most widely used ERP applications. Needless to say, the demand for SAP Certified ABAP Consultants is constantly growing.

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