Dziękujemy za wysłanie zapytania! Jeden z członków naszego zespołu skontaktuje się z Państwem wkrótce.
Dziękujemy za wysłanie rezerwacji! Jeden z członków naszego zespołu skontaktuje się z Państwem wkrótce.
Plan Szkolenia
Wprowadzenie
- Czym jest Angular?
- Co nowego w Angular 12?
Przegląd TypeScript i ES6 JavaScript
- Składnia TypeScript
- Korzystanie z transpilatora TypeScript
- Konfigurowanie Angular 12 i TypeScript
Przegląd części Angular 12
- Angular CLI
- Komponenty
- Dyrektywy
- Wejścia i wyjścia
- Data Binding i Interpolacja
- Event Binding
- Modelowanie danych
- Inicjalizacja aplikacji (Bootstrapping)
- Eksperymentalny Webpack
Tworzenie pierwszej aplikacji Angular
- Planowanie aplikacji
- Konfigurowanie projektu Angular
- Tworzenie mobilnej UI za pomocą Bootstrap 4 i Sass
Tworzenie komponentu
- Rozumienie cyklu życia komponentów
- Pływność danych
- Korzystanie z szablonów i stylów
- Projektowanie treści
- Praca z AppModule
- Praca z niestandardowymi komponentami
- Korzystanie z View Encapsulation
- Implementacja hooków cyklu życia
- Korzystanie z ViewChildren i ContentChildren
Data Binding w Angular 12
- Rozumienie Property and Event Binding
- Bindowanie i przydzielanie aliasów do niestandardowych właściwości
- Bindowanie i przydzielanie aliasów do niestandardowych zdarzeń
Praca z dyrektywami
- Zbudowane w dyrektywy (Built-in Directives)
- Niestandardowe dyrektywy (Custom Directives)
Usługi Angular 12
- Tworzenie usługi logowania
- Tworzenie usługi danych
Korzystanie z Dependency Injection i Providers
- Injectors, Provider i Tokens
- Konfigurowanie Dependency Injection
- Konfigurowanie Providerów
- Iniekcja usług do komponentów, dyrektyw i usług
Przełączanie stron za pomocą routingu
- Rozumienie różnych metod nawigacji
- Strategie routingu
- Konfigurowanie tras
- Konfigurowanie i ładowanie tras
- Korzystanie z parametrów w trasach
- Tworzenie zagnieżdżonych tras
- Korzystanie z przekierowań i trasy domyślnej (wildcard routes)
- Rozumienie Route Guards
Korzystanie z RxJS do tworzenia i pracy z obserwowalnymi w Angular
- Przegląd obserwowalnych (Observables)
- Przegląd RxJS
- Budowanie i korzystanie z obserwowalnych w Angular
Tworzenie formularzy dla wprowadzania danych użytkownika
- Korzystanie z formularzy opartych na szablonach (Template Driven Forms)
- Korzystanie z reaktywnych formularzy (Reactive Forms)
- Tworzenie niestandardowej walidacji
- Walidacja, filtracja i sanytizacja danych formularza
Korzystanie z Pipe'ów
- Transformowanie wyjścia
- Zbudowane w pipe'y (Built-in Pipes)
- Pipe asynchroniczny (Async Pipe)
- Niestandardowe pipe'y (Custom Pipes)
Wykonywanie wywołań do zewnętrznych API HTTP
- Wysyłanie żądań
Testowanie aplikacji Angular 12
- Korzystanie z Jasmine do testów jednostkowych
- Eksploracja alternatyw Protractor dla testów końcowych (end-to-end testing)
Debugowanie aplikacji
- Rozumienie komunikatów o błędach w Angular
- Korzystanie z sourcemaps do debugowania kodu w przeglądarce
- Czytanie diagnostyki kompilatora TypeScript
- Korzystanie z Augury do debugowania w przeglądarce
Optymalizacja aplikacji Angular 12
- Ponowne praca nad kodem (Reworking the code)
- Zmniejszanie rozmiaru pakietów i eliminowanie martwego kodu (Reducing bundle size and eliminating dead-code)
Bezpieczeństwo Angular 12
- Jak działa uwierzytelnianie (How authentication works)
- Korzystanie z uwierzytelniania JWT (Using JWT authentication)
- Co powinno, a co nie powinno być napisane 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 (Troubleshooting)
Podsumowanie i zakończenie (Summary and Conclusion)
Wymagania
- Znajomość podstaw HTML, CSS i JavaScript
Odbiorcy
- Programiści
- Programiści
28 godzin
Opinie uczestników (6)
Duża wiedza w domenach programistycznych i bezpośrednie, partnerskie podejście sprawiły, że 4 dni szkolenia były bardzo owocne. Przeszliśmy od podstaw po koncepcje zaawansowane, zrobiliśmy zadania. Zarówno wyrównaliśmy poziom wiedzy w zespole, jak i podnieśliśmy go. Bardzo dziękuję za wizytę i dobrze spędzony czas.
Maciej Soltysiak - EduBroker Sp. zo.o.
Szkolenie - Angular 12
Wiedza prowadzącego i jego operatywność w rozwiązywaniu zaistniałych problemów.
Kamil Gozdz
Szkolenie - Angular 12
Cierpliwość i instrukcja metodologiczna
Danilo Jo - CEDSIF, IP - Ministry of Finance
Szkolenie - Angular 12
Przetłumaczone przez sztuczną inteligencję
Doświadczenie i cierpliwość trenera.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Szkolenie - Angular 12
Przetłumaczone przez sztuczną inteligencję
Podobał mi się styl nauczania
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Szkolenie - Angular 12
Przetłumaczone przez sztuczną inteligencję
Rutowanie Bindowanie Danych Usługi Potok
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Szkolenie - Angular 12
Przetłumaczone przez sztuczną inteligencję
