• Wersja z językiem polskim
  • Search
Return to catalogue

Podaj maila aby obejrzeć webinar z Node.js

Wyrażam zgodę na otrzymywanie informacji o promocjach i produktach oferowanych Czytaj więcej przez Vavatech Sp z o.o. Zgodę możesz cofnąć w każdym czasie.
Promoted term

Minimum of required applications was not reached

999 / 3 days
Contact us
Promoted term

Minimum of required applications was not reached

999 / 3 days
Contact us
Offer your term
We will try to run a new term for you
Contact us

Web applications >

Course: Building applications based on Angular 2

Kod: [ANGULAR-2]
Download course card


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