Course Code: angular12
Duration: 28 hours
Prerequisites:
- Znajomość podstaw HTML, CSS i JavaScript
Grupa docelowa
- Deweloperzy
- Programiści
Overview:
Angular to framework JavaScript do tworzenia aplikacji internetowych. Angular 12 to główna wersja, która kładzie nacisk na poprawę wydajności, usługi językowe, nowy kompilator Ivy, walidację formularzy i więcej.
To szkolenie prowadzone przez instruktora na żywo (online lub na miejscu) jest skierowane do programistów, którzy chcą tworzyć, testować i wdrażać aplikację Angular, korzystając z najnowszych funkcji w Angular 12.
Po zakończeniu szkolenia uczestnicy będą mogli:
- Tworzyć aplikacje Angular 12 przy użyciu TypeScript i Angular CLI.
- Tworzyć luźno powiązane komponenty internetowe, które mogą być używane w dowolnej aplikacji internetowej lub stronie HTML.
- Testować, debugować i wdrażać aplikację Angular 12.
- Organizować projekty Angular 12, korzystając z najlepszych praktyk.
Format kursu
- Interaktywny wykład i dyskusja.
- Wiele ćwiczeń i praktyki.
- Praktyczna implementacja w środowisku live-lab.
Opcje dostosowania kursu
- Aby zamówić dostosowane szkolenie, skontaktuj się z nami w celu ustalenia szczegółów.
Course Outline:
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