Frontend Developer

W trakcie szkolenia poznasz od podstaw framework Angular i zaimplementujesz swoją pierwszą aplikację typu SPA (ang. single-page application).

Podczas tworzenia aplikacji dowiesz się:

• Czym są komponenty i w jaki sposób komunikują się między sobą
• Jak formatować dane na stronie przy użyciu Pipe
• Co wyróżnia język TypeScript na tle języka JavaScript
• Jak praktycznie wykorzystać mechanizm wstrzykiwania zależności i tworzyć uniwersalne serwisy
• W jaki sposób obsługiwać operacje asynchroniczne wykorzystując bibliotekę RxJS
• Do czego służą moduły i jak hermetyzować wewnątrz nich swoje klasy
• Kiedy używać dyrektyw, jakie są ich rodzaje i czym różnią się od komponentów
• W jaki sposób użyć mechanizmu routingu do przekierowań między widokami
• Jak tworzyć formularze i zaimplementować dynamiczną walidację danych

Dzień pierwszy

09:00 – 09:30 Przedstawienie się

• Omówienie celów spotkania
• Omówienie agendy warsztatów

09:30 – 11:30 Wprowadzenie do frameworka Angular

• Omówienie aplikacji typu SPA
• Licencja
• Główni konkurenci
• Czym wyróżnia się Angular
• Omówienie tworzonej na szkoleniu aplikacji
• Przygotowanie środowiska programistycznego

11:30 – 11:45 Przerwa kawowa

11:45 – 12:45 Wprowadzenie do języka TypeScript

• Ścisłe typowanie
• Modyfikatory dostępu
• Interfejsy, enumy, typy generyczne
• Opcjonalne i domyślne parametry metod
• “Problemy” odziedziczone z JavaScript

12:45 – 13:15 Przerwa na lunch

13:15 – 14:15 Moduły i komponenty

• Idea komponentów i modułów
• Budowa dekoratora modułu
• Budowa dekoratora komponentu
• Wiązanie danych
• Interpolacja
• Wejścia i wyjścia komponentu
• Hermetyzacja komponentów wewnątrz modułów

14:15 – 16:15 Implementacja layoutu aplikacji – warsztaty

16:15 – 16:30 Przerwa kawowa

16:30 – 17:00 Panel dyskusyjny

Dzień drugi

09:00 – 10:00 Angular CLI, NPM, podstawowa struktura aplikacji

• Utworzenie bazowej struktury projektu
• Omówienie najważniejszych elementów
• Zarządzanie zależnościami
• Style i pliki statyczne
• Punkt startowy aplikacji
• Generowanie modułów i komponentów
• Budowanie produkcyjne aplikacji

10:00 – 10:30 Dyrektywy

• Rodzaje dyrektyw
• Przykłady wbudowanych dyrektyw
• Własna implementacja dyrektywy

10:30 – 11:30 Wykorzystanie dyrektyw w praktyce – warsztaty

11:30 – 11:45 Przerwa kawowa

11:45 – 12:45 Wykorzystanie dyrektyw w praktyce – warsztaty c.d.

12:45 – 13:15 Serwisy i wstrzykiwanie zależności

• Omówienie mechanizmu wstrzykiwania zależności
• Dekorator “Injectable”
• Rejestracja serwisów na poziomie modułu
• Rejestracja serwisów na poziomie komponentu
• Wprowadzenie do RxJS na przykładzie zapytań HTTP

13:15 – 13:45 Przerwa na lunch

13:45 – 16:15 Implementacja serwisów – warsztaty

16:15 – 16:30 Przerwa kawowa

16:30 – 17:00 Panel dyskusyjny

Dzień trzeci

09:00 – 10:00 Routing

• Wprowadzenie do Routingu
• Rejestracja ścieżek
• Nawigacja z poziomu kodu
• Nawigacja z poziomu szablonu
• Zabezpieczone ścieżki

10:00 – 11:00 Routing w praktyce – warsztaty

11:00 – 11:15 Przerwa kawowa

11:15 – 13:15 Routing w praktyce – warsztaty c.d.

13:15 – 13:45 Przerwa na lunch

13:45 – 14:15 Formularze

• Wprowadzenie do formularzy
• Template Driven Forms vs Reactive Forms
• Walidacja wprowadzanych danych

14:15 – 15:45 Formularze w praktyce – warsztaty

15:45 – 16:00 Przerwa kawowa

16:00 – 17:00 Podsumowanie i panel dyskusyjny