• Search
Return to catalogue
Nearest course dates
  • Confirmed
  • Planned
  • Suggested
2017-10-09 999 / 3 days Sign up to attend
2017-11-06 999 / 3 days Sign up to attend
Download course card
Haven't found a suitable course date?
Suggest a date We'll try to arrange a new date for you
Looking for a customized course?
Ask for a closed course or contact us to describe your preferences.
Also available as a weekend course

Interested? Contact us.

Software engineering > Web applications

Course: Building applications based on Angular 2
[ANGULAR-2]

Introduction

Angular 2 is a web framework for modern web apps. Whether you are Javascript and Angular 1 developers, you will learn a lot of new concepts of Angular 2. Workshop will provide a broad approach to learning Angular 2 concepts and you will understand how the pieces play together even you’re brand new to Angular. This workshop introduce the core concepts that will allow to you build end-to-end application. You will go through several example applications and you will be provided with the code, as you learn how to build apps using Angular 2.

Goal description

Aim of this workshop is to explore the core concepts of Angular2 that will help you to start on Angular 2. You will learn how to start building quick and efficient Angular 2 applications with tools that allow to automate tasks.

Participant profile

  • JavaScript developers (beginners, advanced).
  • Javascript developers with some experience with single page applications
  • Angular 1 developers.

Course duration and form

21 hours (3 days x 7 hours), including lectures and exercises.

Course plan

  1. Introduction
    1. Prerequisites Review
    2. Student Background & Expectations
  2. Javascript Review
    1. Functions
    2. Object Oriented
    3. Dynamic typing
    4. Scopes
    5. Closures
    6. Contexts
  3. What is a SPA? Introduction to Angular
    1. Single Page Apps vs Conventional Web Applications
    2. Where should we use Angular
  4. Starting with Angular 2
    1. Example of Angular 2 application
  5. Introduction to TypeScript
    1. Introduction to TypeScript
    2. The TypeScript Module System
    3. Angular 2 with TypeScript and Modules
    4. TypeScript decorators
  6. Introduction to Angular 2 Components
    1. Build a trival and nested components
  7. Angular 2 Component Model. Binding and Events.
    1. Templates
    2. Filters
    3. Bindings
    4. Event Bindings
    5. Two-way Binding
    6. Class and Style Bindings
    7. Built-in Directives
    8. Component Data Binding
    9. Component Events
    10. Ng-model
  8. Forms
    1. Controls
    2. Control groups
    3. FormBuilder
  9. Pipes
    1. Using Pipes
    2. Creating Pipes
  10. CSS Styling
    1. Component CSS
    2. CSS Scoping
  11. Dependency Injection
    1. Why Dependency Injection?
    2. Injection API
    3. Component Multi Providers
    4. Injection Multi Providers
  12. HTTP, Promises, and Observables
    1. Promises
    2. Send Request to REST API via HTTP
    3. Introduction to Observables
    4. Observable Bindings
    5. Observables Operators
    6. Send Request to REST API via Observables
  13. Routing
    1. Introduction to Routing
    2. Nested Routing
    3. Auxiliary Routes
    4. “Resolve”- check components lifecycle
  14. Directives
    1. Introduction and Examples
    2. ng-content ("transclusion")
    3. Multiple ng-content
    4. Directive Example
  15. Example Applications
  16. Upgrading and JS Versions
    1. Using Angular 2 with ES5
    2. Migration from Angular 1 with ngUpgrade
    3. How to upgrade from Angular 1.x to Angular 2
  17. The Multi Threaded Web
    1. web-workers
  18. Building and Tools
    1. Yeoman
    2. Grunt and Gulp
    3. Bower