- Znajomość podstaw HTML, CSS i JavaScript .
Publiczność
- Deweloperzy
Angular to framework JavaScript do tworzenia aplikacji internetowych. Angular 7 to najnowsza wersja z serii Angular 2 (Angular 2 jest całkowitym przepisaniem oryginalnego AngularJS lub Angular 1). Angular 7 jest głównym wydaniem obejmującym całą platformę i zawiera wiele nowych funkcji i optymalizacji, w tym aktualizacje CLI i lepszą wydajność.
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 7.
Po zakończeniu tego szkolenia uczestnicy będą w stanie
- Tworzenie Angular 7aplikacji 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 7aplikacji.
- Wdrażaj animacje przy użyciu najnowszych funkcji animacji Angular 7.
- Testowanie, debugowanie i wdrażanie Angular 7aplikacji.
- Organizowanie Angular 7projektó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 poprosić o niestandardowe szkolenie dla tego kursu, skontaktuj się z nami.
- Aby dowiedzieć się więcej o Angular, odwiedź stronę: https://angular.io/
Wprowadzenie
- Co nowego w Angular 7?
Przegląd Typescript i ES6 JavaScript
- Składnia TypeScript
- Korzystanie z transpilatora TypeScript
- Konfiguracja Angular 7 i Typescript
Przegląd części Angular 7
- CLI Angular
- Składniki
- Dyrektywy
- Dane wejściowe i wyjściowe
- Wiązanie danych i interpolacja
- Wiązanie zdarzeń
- Modelowanie danych
- Bootstrapping
Tworzenie pierwszej aplikacji Angular
- Planowanie aplikacji
- Konfigurowanie projektu Angular
- Korzystanie z Bootstrap4 i Sass
Tworzenie komponentu
- Zrozumienie cyklu życia komponentu
- 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
Wiązanie danych w Angular 7
- 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 zdarzeń niestandardowych
Praca z dyrektywami
- Wbudowane dyrektywy
- Niestandardowe dyrektywy
Angular 7 Usługi
- Tworzenie usługi rejestrowania
- Tworzenie usługi danych
Używanie wstrzykiwania zależności i dostawców
- Wstrzykiwacze, dostawcy i tokeny
- Konfigurowanie wstrzykiwania zależności
- Konfigurowanie dostawcy
- Wstrzykiwanie usług do komponentów, dyrektyw i usług
Przełączanie stron za pomocą routingu
- Zrozumienie różnych metod nawigacji
- Strategie routingu
- Konfigurowanie tras
- Konfigurowanie i ładowanie 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 elementów obserwowalnych
- Przegląd RxJS
- Tworzenie i używanie obserwowalnych w Angular
Generowanie formularzy do wprowadzania danych przez użytkownika
- Korzystanie z formularzy opartych na szablonach
- Korzystanie z Reactive Forms
Korzystanie z potoków
- Wbudowane potoki
- Potok asynchroniczny
- Potoki niestandardowe
Wywoływanie zewnętrznych interfejsów API HTTP
Korzystanie z modułów Angular
Testowanie aplikacji Angular 7
- Używanie Jasmine do testowania jednostkowego
Debugowanie aplikacji
- Zrozumienie komunikatów o błędach w Angular
- Używanie map źródłowych do debugowania kodu w przeglądarce
- Korzystanie z Augury
Optymalizacja aplikacji Angular 7
Bezpieczeństwo Angular 7
- Uwierzytelnianie
- Co powinno, a czego nie powinno być napisane w Angular 7?
Wdrażanie aplikacji Angular 7 do produkcji
- Wdrażanie do IIS, Apache, Nginx itp.
Rozwiązywanie problemów
Uwagi końcowe