- Znajomość podstaw HTML, CSS i JavaScript .
Publiczność
- Deweloperzy
- Programiści
Angular to framework JavaScript do tworzenia aplikacji internetowych. Angular 12 to główne wydanie, które kładzie nacisk na ulepszenia wydajności, usługi językowe, nowy kompilator Ivy, sprawdzanie poprawności formularzy i nie tylko.
Szkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) jest przeznaczone dla programistów, którzy chcą tworzyć, testować i wdrażać aplikacje Angular przy użyciu najnowszych funkcji w Angular 12.
Po zakończeniu tego szkolenia uczestnicy będą w stanie
- Tworzenie Angular 12aplikacji przy użyciu języka TypeScript i interfejsu Angular CLI.
- Tworzenie luźno powiązanych komponentów internetowych, które mogą być używane w dowolnej aplikacji internetowej lub stronie HTML.
- Testowanie, debugowanie i wdrażanie Angular 12aplikacji.
- Organizowanie Angular 12projektów przy użyciu najlepszych praktyk.
Format kursu
- Interaktywny wykład i dyskusja.
- Dużo ćwiczeń i praktyki.
- Praktyczne wdrożenie w środowisku live-lab.
Opcje dostosowywania kursu
- Aby zamówić niestandardowe szkolenie dla tego kursu, skontaktuj się z nami.
Wprowadzenie
- Czym jest Angular?
- Co nowego pojawiło się w Angular 12?
Przegląd Typescript i ES6 JavaScript
- Składnia TypeScript
- Korzystanie z transpilatora języka TypeScript
- Konfigurowanie Angular 12i Typescript
Przegląd części Angular 12'
- Angular CLI
- Komponenty
- Dyrektywy
- Dane wejściowe i wyjściowe
- Wiązanie danych i interpolacja
- Wiązanie zdarzeń
- Modelowanie danych
- Bootstrapping
- Eksperymentalny Webpack
Tworzenie pierwszej aplikacji Angular
- Planowanie aplikacji
- Konfigurowanie projektu Angular
- Tworzenie przyjaznego dla urządzeń mobilnych interfejsu użytkownika przy użyciu Bootstrap 4 i Sass
Tworzenie komponentu
- Zrozumienie cyklu życia komponentów
- Przepływ danych
- Korzystanie z szablonów i stylów
- Projektowanie zawartości
- Praca z AppModule
- Praca z komponentami niestandardowymi
- Korzystanie z enkapsulacji widoku
- Wdrażanie haków cyklu życia
- Korzystanie z ViewChildren i ContentChildren
Powiązanie danych w Angular 12
- Zrozumienie wiązania właściwości i zdarzeń
- Wiązanie i przypisywanie aliasów do właściwości niestandardowych
- Wiązanie i przypisywanie aliasów do zdarzeń niestandardowych
Praca z dyrektywami
- Wbudowane dyrektywy
- Dyrektywy niestandardowe
Angular 12 Usługi
- Tworzenie usługi rejestrowania
- Tworzenie usługi danych
Używanie wstrzykiwania zależności i dostawców
- Wtryskiwacze, dostawcy i tokeny
- Konfigurowanie wstrzykiwania zależności
- Konfigurowanie dostawcy
- Wstrzykiwanie usług do składników, dyrektyw i usług
Przełączanie stron za pomocą routingu
- Zrozumienie różnych metod nawigacji
- Strategie wyznaczania tras
- Konfigurowanie tras
- Konfigurowanie i wczytywanie tras
- Używanie parametrów w trasach
- Tworzenie zagnieżdżonych tras
- Korzystanie z przekierowań i tras z symbolami wieloznacznymi
- Zrozumienie osłon tras
Używanie RxJS do tworzenia i pracy z obserwowalnymi w Angular
- Przegląd obserwowalnych
- Przegląd RxJS
- Budowanie & Używanie Observables w Angular
Generowanie formularzy do wprowadzania danych przez użytkownika
- Korzystanie z formularzy opartych na szablonach
- Korzystanie z formularzy React
- Tworzenie niestandardowej walidacji
- Sprawdzanie poprawności, filtrowanie i oczyszczanie danych formularza
Korzystanie z rur
- Przekształcanie wyjścia
- Wbudowane potoki
- Potok asynchroniczny
- Potoki niestandardowe
Nawiązywanie połączeń z zewnętrznymi interfejsami API HTTP
- Wysyłanie żądań
Testowanie aplikacji Angular 12
- Używanie Jasmine do testowania jednostkowego
- Odkrywanie Protractor alternatyw dla testów end-to-end
Debugowanie aplikacji
- Zrozumienie komunikatów o błędach w Angular
- Używanie map źródłowych do debugowania kodu w przeglądarce
- Odczytywanie TypeScript Diagnostyka kompilatora
- Używanie Augury do debugowania w przeglądarce
Optymalizacja Angular 12 Aplikacja
- Zmiana kodu
- Zmniejszenie rozmiaru pakietu i wyeliminowanie martwego kodu
Angular 12 Bezpieczeństwo
- Jak działa uwierzytelnianie
- Korzystanie z uwierzytelniania JWT
- Co powinno, a czego nie powinno być napisane w Angular
Wdrażanie Angular 12 aplikacji do produkcji
- Wdrażanie do IIS, Apache, Nginx itp.
Angular 12 Najlepsze praktyki
Rozwiązywanie problemów
Podsumowanie i wnioski