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.
About Angularjs4
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
