To wersja testowa nowego serwisu infoShare Academy — wyświetlane treści i oferta nie są wiążące ani kompletne

Frontend

Angular

Angular to framework JavaScript stworzony przez Google.

Czas trwania
40h · 5 dni
Zapytaj o program → Zobacz wszystkie
Dla kogo

Idealny dla zespołów, które…

1 Dla programistów posiadających podstawową wiedzę w zakresie JavaScript, którzy chcą poszerzyć swoje kompetencje związane z tworzeniem zaawansowanych aplikacji internetowych działających po stronie przeglądarki.
Efekty po programie

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

✓

Poznasz dobre praktyki programowania w języku JavaScript oraz praktyczne zagadnienia związane z tworzeniem aplikacji internetowych w architekturze „Single-page application” przy użyciu frameworka Angular.

✓

Dowiesz się jak używać elementów programowania funkcyjnego i reaktywnego do rozwiązywania typowych problemów.

✓

Nauczysz się prawidłowego i efektywnego konfigurowania środowiska do pracy z zaawansowanymi projektami frontendowymi.

✓

Nauczysz się jak konstruować czytelne i wydajne aplikacje w JavaScript oraz TypeScript z wykorzystaniem aktualnych możliwości tych języków.

✓

Dowiesz się jak tworzyć aplikacje oparte na komponentach.

Program · 12 modułów

Co konkretnie robimy

Dobra struktura aplikacji

M01
Dobra struktura aplikacji
  • · Logiczny podział modułów oraz komponentów, efektywny lazy loading
  • · Dobre praktyki projektowania komponentów (input/output, konfiguracja, ng-content etc.)
  • · Komponenty vs serwisy vs dyrektywy – gdzie przekazać odpowiedzialność
M02
Kompozycja w dużym projekcie
  • · Specjalizacja vs generalizacja komponentów
  • · Jakie są popularne błędy
  • · TypeScript path aliases
M03
Wielkość aplikacji
  • · Analiza webpack-bundle
  • · Angular budgets
  • · Polyfille, wsparcie dla wielu przeglądarek a differential loading
M04
Angular change detection a wydajność aplikacji
  • · Jak wygląda “detection tree”
  • · Cykl życia komponentów i serwisów
  • · Strategie aktualizacji komponentów i ręczne zarządzanie detekcją zmian
  • · get/computed-variables/functions execution w template’ach a change detection
  • · change detection a wydajność
  • · one way VS two way data binding

Popularne pułapki rxjs

M05
Popularne pułapki rxjs
  • · Hot vs Cold observables
  • · Sync or async? Jak działają Subject’y
  • · Zarządzanie subskrypcjami rxjs
  • · Popularne memory leaks w aplikacjach Angular
  • · Cache’owanie danych przez rxjs
  • · Async pipes w Ng
M06
Testowanie aplikacji Angular
  • · Testowanie komponentów
  • · Testowanie serwisów
  • · Mockowanie
  • · Unit testy vs testy komponentów, co warto testować?
  • · TestBed vs Spectator
M07
Update wersji Angular
  • · Migracja na wyższe wersje
  • · Angular Schematics a migracje
M08
Zarządzanie nawigacją aplikacji a uprawnienia
  • · Blokady nawigacji oraz ładowania zasobów na podstawie uprawnień na router guards
  • · Guards vs Resolvers
  • · Dynamiczna konfiguracja router guards
M09
State management w Angular na przykładzie Ngrx
  • · Czym jest state management w aplikacjach SPA i jakie problemy rozwiązuje?
  • · Redux pattern
  • · Kiedy stosować state management?
  • · Komunikacja na wysokim i niskim poziomie w aplikacji
  • · “Cacheowanie” danych w state
  • · Tooling, narzędzia do debugowania
M10
Reactive forms
  • · Template Driven Forms vs Reactive Forms – kiedy których używać. Jak używać ich wspólnie w jednym formularzu
  • · Jak bindować dane z kontrolkami reaktywnymi w Reactive Forms
  • · Jak połączyć ng-model z Reactive Forms
  • · Jak zasubskrybować się na zmianę wartości w formularzach reaktywnych
M11
Biblioteka komponentów
  • · Jak stworzyć własną bibliotekę komponentów
  • · Dokumentacja komponentów: Storybook
M12
Zarządzanie dużym projektem z nx (nrwl/nx)
  • · Jakie problemy rozwiązuje nx?
  • · Kiedy warto go wprowadzić
  • · Zarządzanie zależnościami przez tagi i constraint
  • · Logiczny podział oraz hierarchia bibliotek i aplikacji w nx
  • · “alias” namespaces
  • · Wbudowane narzędzia
  • · Graf zależności
  • · Różnicowe budowanie oraz testy
Każdy moduł modyfikujemy pod Twój stack i kontekst. Powyższe to punkt wyjścia — nie sztywna agenda.
Jak pracujemy

Od briefu do retro w 30 dniach.

01

Brief i diagnoza

Rozmowa z liderem zespołu + krótka ankieta dla uczestników. Określamy cele, gap, kontekst.

02

Modyfikacja programu

Dostosowujemy moduły, case studies i przykłady kodu pod Twój stack. Akceptacja w 5 dni.

03

Warsztat

Sesje z trenerem, hands-on, code review. Mentor dostępny też pomiędzy sesjami.

04

Retro + raport

Raport z efektami dla zespołu i lidera. 30 dni konsultacji w cenie.

Zapytanie

Wyślij brief. Odezwiemy się w 1 dzień.

Po krótkim briefie przygotujemy program i wycenę. Bez zobowiązań — to tylko punkt wyjścia do rozmowy.

✓Wycena w 48h od briefu
✓Pierwsza sesja w 30 dni
✓Pilotaż przed pełną decyzją
✓Faktura VAT, możliwość płatności w transzach

Co robimy z Twoimi danymi

Dane służbowe (imię, e-mail firmowy, telefon, firma, stanowisko) przetwarzamy w celu obsługi zapytania o szkolenie dla firmy i przygotowania oferty. Administratorem danych jest infoShare Academy Sp. z o.o., Al. Grunwaldzka 472B, 80-309 Gdańsk. Podanie danych jest dobrowolne, ale niezbędne do udzielenia odpowiedzi. Masz prawo dostępu do danych, ich sprostowania, usunięcia, ograniczenia przetwarzania i wniesienia sprzeciwu. Pełną informację znajdziesz w Klauzuli informacyjnej.

Zgody marketingowe (dobrowolne)

Administratorem danych osobowych jest infoShare Academy sp. z o.o. Zasady przetwarzania danych osobowych znajdują się w dokumentach Polityka Prywatności oraz Klauzula Informacyjna.

Inne programy dla zespołów

Zobacz wszystkie →
Frontend

Aplikacje Full-stack z NestJS i Angular

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

32h · 4 dni →
Frontend

Aplikacje Node i ExpressJS z TypeScript

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

24h · 3 dni →
Frontend

Czysty JavaScript zamiast jQuery

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

16h · 2 dni →