Plan Szkolenia
Wprowadzenie
- Czym jest Angular?
- Co nowego w Angular 10?
Przegląd TypeScript i ES6 JavaScript
- Składnia TypeScript
- Korzystanie z transpilera TypeScript
- Konfiguracja Angular 10 i TypeScript
Przegląd części Angular 10
- Angular CLI
- Komponenty
- Dyrektywy
- Wejścia i wyjścia
- Wiązanie danych i interpolacja
- Wiązanie zdarzeń
- Modelowanie danych
- Bootstrapping
Tworzenie pierwszej aplikacji Angular
- Planowanie aplikacji
- Konfiguracja projektu Angular
- Tworzenie przyjaznego dla urządzeń mobilnych interfejsu użytkownika za pomocą 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 10
- 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 Angular 10
- Tworzenie usługi logowania
- Tworzenie usługi danych
Korzystanie z wstrzykiwania zależności i dostawców
- Injectory, dostawcy i tokeny
- Konfiguracja wstrzykiwania zależności
- Konfiguracja dostawcy
- Wstrzykiwanie usług do komponentów, dyrektyw i usług
Przełączanie stron za pomocą routingu
- 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 wieloznacznych
- 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 formularzy reaktywnych
- Tworzenie niestandardowej walidacji
- Walidacja, filtrowanie i oczyszczanie danych formularza
Korzystanie z rur
- Przekształcanie wyjścia
- Wbudowane rury
- Rura Async
- Niestandardowe rury
Wykonywanie połączeń do zewnętrznych interfejsów API HTTP
- Wysyłanie żądań
Korzystanie z modułów Angular
Testowanie aplikacji Angular 10
- Korzystanie z Jasmine do testów jednostkowych
- Korzystanie z Protractor do testów end-to-end
Debugowanie aplikacji
- Zrozumienie komunikatów błędów w Angular
- Korzystanie z sourcemap do debugowania kodu w przeglądarce
- Odczyt diagnostyki kompilatora TypeScript
- Korzystanie z Augury
Optymalizacja aplikacji Angular 10
- Przepisywanie kodu
- Zmniejszanie rozmiaru pakietu i eliminacja martwego kodu
Bezpieczeństwo w Angular 10
- Jak działa uwierzytelnianie
- Korzystanie z uwierzytelniania JWT
- Co powinno, a czego nie powinno się pisać w Angular
Wdrażanie aplikacji Angular 10 do produkcji
- Wdrażanie na IIS, Apache, Nginx itp.
Najlepsze praktyki w Angular 10
Rozwiązywanie problemów
Podsumowanie i zakończenie
Wymagania
- Znajomość podstaw HTML, CSS i JavaScript
Odbiorcy
- Programiści
Opinie uczestników (5)
Postawa i wiedza trenera
Gabriel Llaurado - Allianz Technology
Szkolenie - Angular 10 for Developers
Przetłumaczone przez sztuczną inteligencję
Znajomość instruktora.
Jeffry Gonzalez - Allianz Technology
Szkolenie - Angular 10 for Developers
Przetłumaczone przez sztuczną inteligencję
Zaczęliśmy od podstaw Angulara i TS, stopniowo zwiększając trudność ćwiczeń w naturalny sposób.
Daniel Zamorano Infante - Allianz Technology
Szkolenie - Angular 10 for Developers
Przetłumaczone przez sztuczną inteligencję
Cwiczenia byly naprawde OK, przy angularze wydaje mi sie ze jednoczesne pisanie kodu daje bardzo duzo w polaczeniu z praktyka i na tym najlepiej skupic sie na przyszlych kursach
Piotr Sikora - Capgemini Polska Sp. z o.o.
Szkolenie - Angular 10 for Developers
Praktyczne przykłady, ćwiczenia i najlepsze praktyki
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Szkolenie - Angular 10 for Developers
Przetłumaczone przez sztuczną inteligencję