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.

Prerequisites

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

Introduction

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

Forms

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

 

Pipes

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

Directives

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

 

Services

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

Routing

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

 

Performance

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