Plan Szkolenia
Wprowadzenie
- Czym jest Angular?
- Co nowego w Angular 12?
Przegląd TypeScript i ES6 JavaScript
- Składnia TypeScript
- Korzystanie z transpilera TypeScript
- Konfiguracja Angular 12 i TypeScript
Przegląd części Angular 12
- Angular CLI
- Komponenty
- Dyrektywy
- Wejścia i wyjścia
- Wiązanie danych i interpolacja
- Wiązanie zdarzeń
- Modelowanie danych
- Bootstrapping
- Eksperymentalny Webpack
Tworzenie pierwszej aplikacji Angular
- Planowanie aplikacji
- Konfiguracja projektu Angular
- Tworzenie przyjaznego dla urządzeń mobilnych interfejsu użytkownika przy użyciu Bootstrap 4 i Sass
Tworzenie komponentu
- Zrozumienie cyklu życia komponentu
- Przepływ danych
- Korzystanie z szablonów i stylów
- Projekcja treści
- Praca z AppModule
- Praca z niestandardowymi komponentami
- Korzystanie z enkapsulacji widoku
- Implementacja haków cyklu życia
- Korzystanie z ViewChildren i ContentChildren
Wiązanie danych w Angular 12
- Zrozumienie wiązania właściwości i zdarzeń
- Wiązanie i przypisywanie aliasów do niestandardowych właściwości
- Wiązanie i przypisywanie aliasów do niestandardowych zdarzeń
Praca z dyrektywami
- Wbudowane dyrektywy
- Niestandardowe dyrektywy
Usługi w Angular 12
- Tworzenie usługi logowania
- Tworzenie usługi danych
Korzystanie z wstrzykiwania zależności i dostawców
- Wstrzykiwacze, dostawcy i tokeny
- Konfiguracja wstrzykiwania zależności
- Konfiguracja dostawcy
- Wstrzykiwanie usług do komponentów, dyrektyw i usług
Przełączanie stron z routingiem
- Zrozumienie różnych metod nawigacji
- Strategie routingu
- Konfiguracja tras
- Konfiguracja i ładowanie tras
- Korzystanie z parametrów w trasach
- Tworzenie zagnieżdżonych tras
- Korzystanie z przekierowań i tras z wieloznacznikami
- Zrozumienie strażników tras
Korzystanie z RxJS do tworzenia i pracy z obserwowalnymi w Angular
- Przegląd obserwowalnych
- Przegląd RxJS
- Budowanie i korzystanie z obserwowalnych w Angular
Generowanie formularzy do wprowadzania danych przez użytkownika
- Korzystanie z formularzy opartych na szablonach
- Korzystanie z reaktywnych formularzy
- Tworzenie niestandardowej walidacji
- Walidacja, filtrowanie i czyszczenie danych formularza
Korzystanie z rur
- Przekształcanie danych wyjściowych
- Wbudowane rury
- Rura Async
- Niestandardowe rury
Wykonywanie wywołań do zewnętrznych API HTTP
- Wysyłanie żądań
Testowanie aplikacji Angular 12
- Korzystanie z Jasmine do testów jednostkowych
- Badanie alternatyw dla Protractor do testów end-to-end
Debugowanie aplikacji
- Zrozumienie komunikatów błędów w Angular
- Korzystanie z map źródłowych do debugowania kodu w przeglądarce
- Odczyt diagnostyki kompilatora TypeScript
- Korzystanie z Augury do debugowania w przeglądarce
Optymalizacja aplikacji Angular 12
- Przepisywanie kodu
- Redukcja rozmiaru paczki i eliminacja martwego kodu
Bezpieczeństwo w Angular 12
- Jak działa uwierzytelnianie
- Korzystanie z uwierzytelniania JWT
- Co powinno, a czego nie powinno się pisać w Angular
Wdrażanie aplikacji Angular 12 do produkcji
- Wdrażanie na IIS, Apache, Nginx itp.
Najlepsze praktyki w Angular 12
Rozwiązywanie problemów
Podsumowanie i zakończenie
Wymagania
- Znajomość podstaw HTML, CSS i JavaScript
Grupa docelowa
- Deweloperzy
- Programiści
Opinie uczestników (6)
Duża wiedza w domenach programistycznych i bezpośrednie, partnerskie podejście sprawiły, że 4 dni szkolenia były bardzo owocne. Przeszliśmy od podstaw po koncepcje zaawansowane, zrobiliśmy zadania. Zarówno wyrównaliśmy poziom wiedzy w zespole, jak i podnieśliśmy go. Bardzo dziękuję za wizytę i dobrze spędzony czas.
Maciej Soltysiak - EduBroker Sp. zo.o.
Szkolenie - Angular 12
Wiedza prowadzącego i jego operatywność w rozwiązywaniu zaistniałych problemów.
Kamil Gozdz
Szkolenie - Angular 12
Cierpliwość i metodyczna instrukcja
Danilo Jo - CEDSIF, IP - Ministry of Finance
Szkolenie - Angular 12
Przetłumaczone przez sztuczną inteligencję
Doświadczenie i cierpliwość trenera.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Szkolenie - Angular 12
Przetłumaczone przez sztuczną inteligencję
Podobał mi się styl nauczania
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Szkolenie - Angular 12
Przetłumaczone przez sztuczną inteligencję
Potoki Routing Wiązanie danych Usługi
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Szkolenie - Angular 12
Przetłumaczone przez sztuczną inteligencję