32 angular js 3d 24h

Course overview:
This course gives a good hand on experience for participants who looking to either upgrade or building application on Angular JS. This covers Angular JS 4.0 standard version and provides all the details that one would be needing in their day to day development environment. The participant will learn all core features on Angular 4 with popular practices.

Prerequisites:
1. Web Application Development
2. Javascript programming is a must have
3. NodeJS and Angular 1.5x would be added advantage.
Software requirements:
1. Windows OS
2. Sublime Text or Visual Studio code
3. Internet Connectivity for all the participants.
4. Appropriate rights to download and install packages from npm.
Duration
3 Days
Course description
Day 1:
• Walkthrough of JavaScript Object design patterns
• Understanding NodeJs Environment
• Core Modules of NodeJs
• npm
• Understanding npm features
• Creating and exporting a Module
• Importing a Module
• Understanding Angular Environment
• Angular 2 Introduction
• Single Page Application
• MVC Pattern
• Single Page vs Multi-page application
• Introduction to Components
• Downloading the basic infrastructure from github
• Creating Components
• Dependency Injection
• What is Angular CLI?
• Creating an Angular CLI based App
• Creating Component
• Understanding the File structure of Angular Application
• Consuming the Component
• Type script introduction
• Compilers of TypeScript
• Data Types
• Functions
• Classes
• Inheritance in TypeScript
• Interfaces in TypeScript
• Decorators
• Creating modules in TypeScript
• Transpiling the TypeScript
Day 2:
• Back to Angular on creating components
• Property Binding and Interpolation
• Inputs
• Event handling
• 2 Way binding
• Nesting Components
• Attributes of Angular
◦ ngClass, ngFor, ngIf, ngSwitch
• Angular Templates
• Creating a Repository Application
• Pipes | Filters in Angular
• Builtin pipes
• Custom pipes
• Consuming pipes.
• Chaining of pipes
• Creating and consuming Services
• Implementing Services in Angular
• Service Dependency
• Dependency Injection
• Injectable decorators
• Provider definition
• Provider configuration at Angular Bootup
• Observables
• Introduction to Reactive Extension (RxJS) Library
• What is Reactiveness
• Observables
• Subscription
• Events
• Streaming in Observables
• Promises Introduction
• Custom Promises
• Promises vs Observable
• Custom Directives
• Creating Custom Attribute Directives
• Creating Custom Structural Directives
• Event handlings in Custom directives.
• Forms and Controls
• Control Groups
• Form Validation
• Form Builder
• Form Builder Validation
• Custom Validation
Day 3:
• Routing Route Introduction
• Configuring Routes
• Redirection
• Linking
• Passing values/parameters between Routes
• Router Outlet
• Nested Routing /Child Routes
• Handling Query Parameters.
• Angular 2 HTTP
◦ HTTP GET, POST, PUT and DELETE
• URL Query Parameters
• HTTP with Observables
• Cross Origin Request/CORS Headers
• Cross Origin Requests/JSONP
• Application Architecture, Component Tree
• Bootstraping Angular tree of components
• Angular 2 bootstrapping process
• Testing Frameworks
• jasmine and Mocha
• Testing components
• e2e Testing with protractorjs
• Angular Applications with Web Pack.