Angular 2 Training Program

2 votes, average: 5.00 out of 52 votes, average: 5.00 out of 52 votes, average: 5.00 out of 52 votes, average: 5.00 out of 52 votes, average: 5.00 out of 5
Please Log in or register to rate

Angular 2 Training Program


Get up and running with Angular 2 – the cutting edge development platform for building web & mobile application on both client and server. Students will gain practical knowledge of how to get start building Angular 2 applications the right way


Target Audience:
JavaScript and Frontend developers.

Attenders should be familiar with JavaScript and have basic HTML/CSS skills. No prior knowledge of angular 1.x needed.

Course Topics

Module 1 – Setting the development environment
Introducing to the modern development environment and technologies for front end development

  • NodeJS
  • NPM
  • Webpack
  • Project structure
  • Setting the IDE for Angular 2 development

Module 2 – TypeScript Primer
Get familiar with TypeScript, the preferred language for Angular 2

  • JavaScript 2015 module system (ES6 Import / Export)
  • Classes and Interfaces
  • Arrow functions and Template strings
  • Working with types
  • Decorators

Module 3 – Angular Architecture and Concepts
Understanding the concept of component composition and how it compares to the traditional MVC pattern

  • Component definition
  • Breaking a design into components
  • Components types
  • Best practices and the design process

Module 5 – Components Deep Dive
The component is a core building block of an Angular application. In this module we will deep dive into the component metadata API

  • The bootstrapping process
  • Building a basic component
  • Shadow DOM
  • Templates and Styles
  • The Component class
  • Data bindings and Template syntax
  • Angular core directives

Module 5 – Component Composition
Composing multiple components into a coherent tree

  • Components types review
  • Data projection, building a Wrapper component
  • Component inputs Working with properties
  • Component outputs Creating custom events
  • Components communication using local variables
  • Best practices

Module 6 – Angular Providers and Dependency Injection
Angular use dependency injection for instantiating and wiring object together

  • Understanding the role of the Provider
  • Creating and using a class provider
  • Other types of providers
  • Understanding the dependencies injectors hierarchy
  • Common patterns and best practices
  • Angular built-in providers

Module 7 – Angular Router
Routing is a core concept in single page applications. Angular 2 introduced a new router that was built from scratch to integrate with the concepts of component compositions.

  • Configuring a simple route
  • Route parameters
  • Defining nested routes
  • Route guards

Module 8 – Angular Forms
The form management module

  • Configuring the forms module
  • Using ngModel
  • Template driven forms
  • Model driven forms
  • Form builder

Module 9 – Data Architecture
In Angular we can implements almost any architecture pattern, depends on our application type and logic

  • Layer style architecture with providers
  • Stateless, event based architecture with Redux

Module 10 – Unit Test
Angular 2 was designed with testability in mind as its predecessor and it provides multiple options to support Unit Testing

  • Introduction to Jasmine
  • Setting up testing in Angular 2
  • Unit Testing recipes (Components, Providers, Pipes, http and more)
© Copyright - Skilit - Site by Dweb