$121.95 – $157.50

Multiple Dates

Full Angular JS Training

Event Information

Share this event

Date and Time



Agilitcs Pte. Ldt. Noida

G-284 sector 63

sector 63

Noida, Uttar Pradesh 201301


View Map

Event description


Full Angular JS

Who Should Attend :

  • Ø Web Developers who want to develop power web apps using Angular JS 2
  • Ø Front End Web Developers who want to migrate from Angular JS 1 to Angular JS 2

Course Outline

Part 1 -

Section 1 - TypeScript Overview

  • Ø ES6 & TypeScript
  • Ø Static Typing
  • Ø Constants
  • Ø Block Variables
  • Ø Template Strings
  • Ø Arrow Functions
  • Ø Spread parameters
  • Ø Rest parameters
  • Ø De structuring
  • Ø Classes
  • Ø Inheritance
  • Ø Interfaces
  • Ø Modules
  • Ø Decorators

Section 2 - Architecture Overview

  • Ø Setting up AngularJS 2
  • Ø Angular Hello World App
  • Ø Booststrapping angular to index.html
  • Ø Architecture Overview
  • Ø Core concepts

Section 3. Modules, Components and Templates

  • Ø Introduction to Modules
  • Ø Importing Modules
  • Ø What are components in Angular
  • Ø Component templates
  • Ø Component metadata
  • Ø Component decorator
  • Ø Decorator configurations
  • Ø Component Events
  • Ø Template Variables

Section 4. Data Binding

  • Ø What is Data Binding
  • Ø Property Events
  • Ø Passing data into a Component
  • Ø Passing data from parent component
  • Ø Event Bindings
  • Ø Passing Data Outside the Component
  • Ø Parent receiving data from child
  • Ø Two way Data Binding
  • Ø Hands on Data Binding - creating movie details screen

Section 5. Directives and Pipes

  • Ø What are Directives in Angular
  • Ø Structural directives
  • Ø Attribute directives
  • Ø Built In Pipes
  • Ø Hands on directives and pipes - updating movie details view
  • Ø Using ngIf and ngClass directive
  • Ø Using inbuilt pipes

Part 2 -

Section 6. Services and Dependency Injection

  • Ø What are services
  • Ø Writing our custom service to load of movies
  • Ø What is Dependency Injection
  • Ø How Angular does dependency injection
  • Ø Using dependency injection to load services
  • Ø Hands on Services - load movies and then create a Grid View layout to display movies
  • Ø Using ngFor directive
  • Ø Creating grid layout

Section 7. Angular Routing

  • Ø Angular 2 routing
  • Ø Route configuration
  • Ø Route params
  • Ø Hands on Routing - navigating between grid view and details view
  • Ø Exercise - add route to navigate from details view to edit view

Section 8. Angular Forms & Validations

  • Ø User input
  • Ø Form Validations
  • Ø Form States
  • Ø Hands on Form Validation - adding a edit details form to update movie details

Section 9. Angular, MongoDB and Express

  • Ø Creating tables using MongoDB
  • Ø Adding and retrieving data from MongoDB
  • Ø Creating API’s in Express to fetch data
  • Ø Creating Services in Angular to connect to Mongo
  • Ø Using services to load data from Mongo

Section 10. Deploying Angular App to Heroku

  • Ø Publishing your app to Github
  • Ø Heroku Toolbelt overview
  • Ø Logging to Heroku inside toolbelt
  • Ø Updating package.json and testing the app locally
  • Ø Deploying app to Heroku

Share with friends


Agilitcs Pte. Ldt. Noida

G-284 sector 63

sector 63

Noida, Uttar Pradesh 201301


View Map

Save This Event

Event Saved