About Angularjs4

AngularJS 4 Training provides you the skills needed to create dynamic web applications. You will learn about the concepts of AngularJS 4, JavaScript, MVC Framework. This Training covers various AngularJS 4 module in third party, controllers, routes, filters, Node.js, Dependency Injection and Integration with MVC. It includes features of data binding and dependency injection to reduce coding efforts.


HTML, CSS and JavaScript (ES6 – 2015) working knowledge is required.
Note : No Fresher’s please. Developers having at least 1-2 years of web development experience.

Course Content

Day 1


o Class Objectives & Roadmap

o Prerequisites Review

o Student Background & Expectations


What is a SPA? What is Angular?

o Single Page Apps vs Conventional Web Applications

o Where Angular Fits


An introduction to the Web’s future

o ES6 and modules

o TypeScript

o Web Components


Preparing for TypeScript

o Brief Intro to TypeScript

o The TypeScript Module System

o Getting Setup

o Project Setup

o Nodemon

o String Templates

o Const

o Let

o Debugging

o Rest & Spread Operators

o Arrow Functions

o For…of

o Maps

o Sets


o Interface

o Generics

o New Object Features

o Destructuring

o Angular 2 with TypeScript and Modules

o TypeScript decorators

Getting started

o Understand the framework’s philosophy

o Templating

o First app and tooling


A4 New Features

o View Engine

o AoT Compiler

o Template Error Checking

o Faster and Smaller

o ngIf and else

o Angular Universal

o Animations separate

o ng-template

o Filter – titlecase

o Http – http improvement

o Service – Meta service

o Validation -Form validation enhancement

o Directive- compreWith

o Router- ParamMap


Day 2

Building with A4 Components

o Component and directive

o First component

o View

o Directive

o Lifecycle

o A Trivial Component

o Nested Components

o Deeper Nesting


Angular 4 Binding and Events

o Templates

o Bindings

o Event Bindings

o Two-way Binding

o Class and Style Bindings

o Built-in Directives

o Component Data Binding

o Component Events

o Ng-model


Day 3


o Controls

o Control groups

o FormBuilder

o Template Driven Approach

o Data Driven Approach

o Create forms

o Validation and errors

o Create your own validator



o Using Pipes

o Creating Pipes

o Built-in Pipes

o Chaining Pipes

o Custom Pipes

o Stateful Pipes


Dependency Injection

o Why Dependency Injection?

o Injection API

o Component Multi Providers

o Injection Multi Providers


Day 4


o Introduction and Examples

o Directives Overview

o Attribute Directives

o Custom Attribute Directive

o Structural Directives

o Structural Directive: ngIf and else and as

o Structural Directive: ngFor improved

o Structural Directive: ngSwitch

o Custom Structural Directive



o Services Overview

o Creating a Service

o Injecting a Service

o Example: Calculator Service


HTTP, Promises, and Observables

o Promises – still available, still useful

o Calling an API via HTTP

o Introduction to Observables

o Observable Bindings

o Observables Operators


Day 5


o Introduction and Use

o Creating and configuring Routes

o Imperative Routing

o Routing Parameters

o Child Routes

o Routing Lifecycle Hooks

o Setting up Firebase

o HTTP POST Request

o HTTP GET Request


Backend communication

o HTTP requests

o WebSockets

o Developing A4 apps with Vert.x framework for real time apps

o A4 apps communicating with Vert.x APIs



o Tips

o Best Practices

o Debugging

o Performance tuning

Call Now- +91-921-276-0556

Send a Query

Tai Infotech Pvt Ltd, 2017 All Rights Reserved