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
- Co to jest Angular?
- Co nowego w Angular 10?
Omówienie TypeScript i ES6 JavaScript
- Skladnia TypeScript
- Korzystanie z transpilatora TypeScript
- Ustawianie Angular 10 i TypeScript
Omówienie części Angular 10
- Angular CLI
- Komponenty
- Dyrektywy
- Wejścia i wyjścia (Inputs and Outputs)
- Data Binding i Interpolacja
- Event Binding
- Data Modelling
- Bootstrapping
Tworzenie pierwszej aplikacji Angular
- Planowanie aplikacji
- Ustawianie projektu Angular
- Tworzenie responsywnego UI za pomocą Bootstrap 4 i Sass
Tworzenie komponentu
- Zrozumienie cyklu życia komponentu
- Data Flow
- Korzystanie z szablonów i stylów
- Projektowanie zawartości (Projecting Content)
- Praca z AppModule
- Praca z niestandardowymi komponentami
- Korzystanie z View Encapsulation
- Implementacja Lifecycle Hooks
- Korzystanie z ViewChildren i ContentChildren
Data Binding w Angular 10
- Zrozumienie Property and Event Binding
- Binding i przypisywanie aliasów do niestandardowych właściwości (Custom Properties)
- Binding i przypisywanie aliasów do niestandardowych zdarzeń (Custom Events)
Praca z dyrektywami
- Built-in Dyrektywy
- Niestandardowe dyrektywy (Custom Directives)
Usługi Angular 10
- Tworzenie usługi logowania (Logging Service)
- Tworzenie usługi danych (Data Service)
Korzystanie z Dependency Injection i Providers
- Injectors, Provider, i Tokens
- Konfigurowanie Dependency Injection
- Konfigurowanie providera (Provider)
- Iniekowanie usług do komponentów, dyrektyw i usług
Przełączanie stron za pomocą routingu
- Zrozumienie różnych metod nawigacji
- Strategie routingu (Routing Strategies)
- Ustawianie tras (Setting Up Routes)
- Konfigurowanie i ładowanie tras (Configuring and Loading Routes)
- Korzystanie z parametrów w trasach (Using Parameters in Routes)
- Tworzenie zagnieżdżonych tras (Creating Nested Routes)
- Korzystanie z przekierowań i tras dzikich kart (Redirect and Wildcard Routes)
- Zrozumienie Route Guards
Używanie RxJS do tworzenia i pracy z observables w Angular
- Omówienie observables
- Omówienie RxJS
- Budowanie & korzystanie z observables w Angular (Building & Using Observables in Angular)
Generowanie formularzy do wprowadzania danych użytkownika
- Korzystanie z formularzy kierowanych przez szablon (Template Driven Forms)
- Korzystanie z reaktywnych formularzy (Reactive Forms)
- Tworzenie niestandardowej walidacji
- Walidacja, filtracja i sanityzacja danych formularza
Korzystanie z pipes
- Transformowanie wyjścia (output)
- Built-in Pipes
- Async Pipe
- Niestandardowe pipes (Custom Pipes)
Wykonywanie zapytań do zewnętrznych API HTTP
- Wysyłanie żądań (Sending requests)
Korzystanie z modułów Angular
Testowanie aplikacji Angular 10
- Korzystanie z Jasmine do testów jednostkowych
- Korzystanie z Protractor do end-to-end testing
Debugowanie aplikacji
- Zrozumienie komunikatów o błędach w Angular
- Korzystanie z sourcemaps do debugowania kodu w przeglądarce
- Czytanie diagnostyki kompilatora TypeScript
- Korzystanie z Augury
Optymalizacja aplikacji Angular 10
- Pracowanie nad kodem (Reworking the code)
- Zmniejszanie rozmiaru bundle i eliminowanie nieaktywnego kodu (Reducing bundle size and eliminating dead-code)
Bезpieczeństwo Angular 10
- Jak działa autoryzacja (authentication)
- Korzystanie z JWT authentication
- Co powinno, a co nie powinno być zapisane w Angular
Wdrażanie aplikacji Angular 10 do produkcji
- Wdrażanie do IIS, Apache, Nginx itp.
Najlepsze praktyki Angular 10
Rozwiązywanie problemów (Troubleshooting)
Podsumowanie i zakończenie
Wymagania
- Znajomość podstaw HTML, CSS i JavaScript.
Odbiorcy
- Deweloperzy
28 godzin
Opinie uczestników (5)
Postawa i wiedza trenera
Gabriel Llaurado - Allianz Technology
Szkolenie - Angular 10 for Developers
Przetłumaczone przez sztuczną inteligencję
Wiedza nauczyciela.
Jeffry Gonzalez - Allianz Technology
Szkolenie - Angular 10 for Developers
Przetłumaczone przez sztuczną inteligencję
Rozpoczęliśmy od podstawy Angular i TS, a następnie stopniowo zwiększaliśmy trudność ćwiczeń.
Daniel Zamorano Infante - Allianz Technology
Szkolenie - Angular 10 for Developers
Przetłumaczone przez sztuczną inteligencję
Cwiczenia byly naprawde OK, przy angularze wydaje mi sie ze jednoczesne pisanie kodu daje bardzo duzo w polaczeniu z praktyka i na tym najlepiej skupic sie na przyszlych kursach
Piotr Sikora - Capgemini Polska Sp. z o.o.
Szkolenie - Angular 10 for Developers
Praktyczne przykłady, ćwiczenia i najlepsze praktyki
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Szkolenie - Angular 10 for Developers
Przetłumaczone przez sztuczną inteligencję
