- Znajomość podstaw HTML, CSS i JavaScript .
Publiczność
- Deweloperzy
Angular 6 zawiera szereg potężnych nowych funkcji, w tym Angular Elements i nowe polecenia CLI. Funkcje te znacznie rozszerzają możliwości integracji Angular z aplikacjami innymi niż Angular opartymi na JQuery, Vue.js, React itp.
W tym prowadzonym przez instruktora szkoleniu na żywo (na miejscu lub zdalnie) uczestnicy dowiedzą się, jak tworzyć, testować i wdrażać aplikację Angular przy użyciu najnowszych funkcji w Angular 6.
Po zakończeniu tego szkolenia uczestnicy będą w stanie
- Tworzenie Angular 6aplikacji przy użyciu Angular CLI.
- Tworzenie komponentów internetowych, które mogą być używane na dowolnej stronie HTML.
- Korzystaj z usług internetowych REST i danych WebSocket z poziomu Angular 6aplikacji.
- Wdrażaj animacje przy użyciu najnowszych funkcji animacji Angular 6.
- Testowanie, debugowanie i wdrażanie Angular 6aplikacji.
- Organizowanie Angular 6projektó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
Uwaga
- Aby poprosić o niestandardowe szkolenie dla tego kursu, skontaktuj się z nami.
- Aby dowiedzieć się więcej o Angular, odwiedź stronę: https://angular.io/
Wstęp
- Co nowego w Angular 6?
Przegląd maszynopisu i skryptu ES6 Java
- TypeScript Składnia
- Korzystanie z transpilera TypeScript.
- Konfigurowanie Angular 6 i maszynopis
Przegląd Angular części 6
- Tworzenie komponentów
- Wiązanie danych i interpolacja ciągów
- Powiązanie właściwości
- Powiązanie zdarzenia
- Dwukierunkowe wiązanie danych
- Modelowanie danych
- Dyrektywy
- Bootstrapping
- Wejścia wyjścia
- Angular Interfejs wiersza polecenia
Tworzenie pierwszej Angular aplikacji
- Planowanie aplikacji
- Konfigurowanie projektu i aplikacji Angular przy użyciu interfejsu CLI
- Tworzenie podstawowej konfiguracji projektu przy użyciu Bootstrap 4 i Sass
Korzystanie z Angular 6 komponentów
- Przepływ danych
- Praca z AppModule
- Praca z komponentami niestandardowymi
- Korzystanie z szablonów i stylów
- Korzystanie z enkapsulacji widoku
- Projekcja treści
- Zrozumienie cyklu życia komponentu i haków cyklu życia
- Korzystanie z ViewChildren i ContentChildren
Wiązanie danych w Angular 6
- Omówienie powią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 6 Usługi
- Tworzenie usługi rejestrowania
- Tworzenie usługi danych
Korzystanie z wstrzykiwania zależności i dostawców
- Wtryskiwacze, dostawca i tokeny
- Konfigurowanie wstrzykiwania zależności
- Konfigurowanie dostawcy
- Wstrzykiwanie usług do komponentów, dyrektyw i usług
Przełączanie stron z routingiem
- Konfigurowanie tras
- Konfigurowanie i ładowanie tras
- Zrozumienie różnych metod nawigacji
- Używanie parametrów w trasach
- Tworzenie zagnieżdżonych tras
- Korzystanie z tras przekierowań i symboli wieloznacznych
- Zrozumienie strażników trasy
- Zrozumienie strategii routingu
Używanie RxJS do tworzenia i pracy z obserwowalnymi w Angular
- Przegląd obserwowalnych
- Przegląd RxJS
- Budowanie i używanie obserwowalnych w Angular
Obsługa formularzy
- Korzystanie z formularzy opartych na szablonach
- Korzystanie z Reactżywych formularzy
Korzystanie z rur
- Wbudowane rury
- Rura asynchroniczna
- Niestandardowe rury
Wykonywanie wywołań do zewnętrznych interfejsów API HTTP
Korzystanie z Angular modułów
Testowanie aplikacji Angular 6
- Używanie Jasmine do testów jednostkowych
Debugowanie aplikacji
- Zrozumienie komunikatów o błędach w Angular
- Używanie Sourcemaps do debugowania kodu w przeglądarce
- Korzystanie z Augury
Optymalizacja aplikacji Angular 6
Angular 6 Bezpieczeństwo
- Uwierzytelnianie
- Co należy, a czego nie należy pisać w Angular
Wdrażanie aplikacji Angular 6 w środowisku produkcyjnym
- Wdrażanie w IIS, Apache, Nginx itp.
Rozwiązywanie problemów
Uwagi końcowe