Angular 5

• Znajomość podstaw HTML, CSS i JavaScript
.

Publiczność

• Początkujący w tworzeniu stron internetowych
• Doświadczeni programiści frontendowi
• Każdy zainteresowany nauką tworzenia aplikacji przy użyciu Angular

Angular 5 to nowoczesny JavaScript framework MVW (Model-View-Whatever) do tworzenia aplikacji mobilnych, desktopowych i internetowych. Angular został stworzony przez Google i jest używany w Google Adwords, Google Fiber, Adsense i innych usługach.

W tym prowadzonym przez instruktora szkoleniu na żywo uczestnicy poznają podstawy Angular 5 podczas tworzenia i wdrażania przykładowej aplikacji Angular.

Format kursu

• Część wykładu, część dyskusji, ćwiczenia i ciężka praktyka praktyczna

Wstęp

• Co nowego w Angular 5?

Przegląd maszynopisu i skryptu ES6 Java

• TypeScript Składnia
• Korzystanie z transpilera TypeScript.
• Konfigurowanie Angular 5 i maszynopis

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

Praca z Angular częściami 5

• 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

Korzystanie z Angular 5 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 5

• 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

Debugowanie aplikacji

• Zrozumienie komunikatów o błędach w Angular
• Używanie Sourcemaps do debugowania kodu w przeglądarce
• Korzystanie z Augury

Angular 5 usług

• Poznanie znaczenia usług
• 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 tras
• 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

Optymalizacja aplikacji Angular 5

Testowanie aplikacji Angular 5

• Używanie Jasmine do testów jednostkowych

Angular 5 Bezpieczeństwo

• Uwierzytelnianie
• Co należy, a czego nie należy pisać w Angular

Wdrażanie aplikacji Angular 5 w środowisku produkcyjnym

• Wdrażanie w IIS, Apache, Nginx itp.

Rozwiązywanie problemów

Uwagi końcowe