Course Code: angulfull
Duration: 35 hours
Prerequisites:

Znajomość JavaScript, HTML, CSS, ogólna wiedza o bazach danych

Overview:

Angular 4 (starsze wersje powszechnie określane jako Angular 2, Angular.js, AngularJS itd.) To oparta na JavaScript struktura aplikacji typu open-end dla aplikacji internetowych, służąca do tworzenia stron internetowych

Angular 4 zapewnia lepszą wydajność od  poprzednich wersji. Zawiera więcej interfejsów API i lepszą obsługę urządzeń przenośnych pod kątem szybkości projektowania i układu.

Kurs przedstawia podstawy Angular 4 i prowadzi uczestników poprzez stworzenie jednolitej strony internetowej.

Grupa docelowa: Programiści aplikacji internetowych

Format kursu: Przegląd funkcji i możliwości modułu Angular 4 wraz z rozwijaniem krok po kroku aplikacji internetowej.

Course Outline:

Dzień 1:

  • JavaScript - zagadnienia zaawansowane

  • Wprowadzenie do testowania jednostkowego
  • Programowanie funkcyjne
  • ECMAScript 2015
    • Narzędzia do transpilacji
    •  Podstawowe struktury
    •  Praktyczne zastosowania
  • Webpack
  • TypeScript
    • Wprowadzenie do TypeScript
    • Migracja do TypeScript
    • Definicje typów dla zewnętrznych bibliotek
    • Linting TypeScript

Dzień 2:

Asynchroniczność w JavaScript

  • - - Callbacks vs Promises
  • - - Programowanie reaktywne z RxJS

Podstawy architektury Angular 4

  • Znaczenie modułów i komponentów

Angular 4 a AngularJS - różnice i cechy wspólne

  • Elementy składowe frameworka
  • Wstrzykiwanie zależności w Angular 4

Bootstrap aplikacji dla wybranego środowiska

Komponenty

  • Proste komponenty
  • Komponenty zagnieżdżone
  • Przekazywanie parametrów do komponentu
  • Metody komunikacji między komponentami

Możliwości Angular CLI

Dzień 3:

Warstwa widoku

  • Elementy składni szablonów
  • Dyrektywy strukturalne

Komunikacja z RESTowym API

  • angular/http i angular/common/http
  • Wykorzystanie RxJS

Usługi

  • Różne metody rejestracji usług w kontenerach DI
  • Organizacja danych w aplikacji

Komponenty: rozwinięcie

  • Cykl życia komponentów

Routing

  • Idea routingu w aplikacjach SPA
  • Podstawy Component Routera
  • Przekazywanie parametrów w URL

Dzień 4: 

Testy jednostkowe elementów składowych aplikacji

  • Testowanie filtrów
  • Testowanie usług
  • Testowanie komponentów

Routing: rozwinięcie

  • Route guards
  • Cykl życia w routingu i jego praktyczne zastosowanie
  • Lazy loading modułów
  • Routing zagnieżdżony
  • Routing strategies

Formularze

  • Budowa formularzy
  • Stany pól formularza
  • Obsługa walidacji

Dyrektywy: rozwinięcie

  • Zastosowanie dyrektywy
  • Budowa własnych dyrektyw

Testy e2e

  • Wprowadzenie do narzędzia Protractor
  • Architektura utrzymywalnych testów

Zarządzanie stanem aplikacji

  • Zastosowanie Ngrx

Co dalej? Ekosystem Angular 4

  • Biblioteki i frameworki UI oparte na Angular 4
  • Budowanie aplikacji mobilnych z Angular 4
  • Omówienie możliwości server-side rendering