Aplikacje Web z frameworkiem Angular

Szkolenie dedykowane jest:

• Programistom JavaScript / TypeScript, którzy chcą poszerzyć swoje umiejętności o pracę zframeworkiem Angular,
• Osobom zainteresowanym tworzeniem aplikacji webowych w Angular (SPA, SSR, SSG),
• Developerom frontendowym, którzy chcą pracować w nowoczesnym ekosystemie Angular iTypeScript, z wykorzystaniem signals i trybu zoneless,
• Zespołom projektowym chcącym wdrożyć Angular jako główną technologię frontendowąoraz rozpocząć współpracę z asystentami AI przy tworzeniu kodu w Angular.

1. Umiejętność budowy aplikacji webowych w Angular. Poznanie architektury SPA orazświadomość alternatywnych trybów renderowania (SSR, SSG, hybrid) w kontekściewspółczesnych projektów.
2. Znajomość frameworka Angular i jego ekosystemu w najnowszej wersji. Nauka instalacji,konfiguracji, pracy z komponentami standalone, CLI, reaktywnością opartą o signals, trybemzoneless oraz komunikacji z API przy użyciu RxJS.
3. Uaktualnienie wiedzy o JavaScript i poznanie TypeScript. Zapoznanie się z nowoczesnymstandardem JavaScript (ES.Next) i językiem TypeScript, który jest kluczowy w pracy z Angular.
4. Wprowadzenie do programowania wspomaganego LLM. Poznanie wbudowanego wsparciaAngular CLI dla pracy z asystentami AI i wykorzystywania ich w codziennej pracy.
5. Praktyczna znajomość narzędzi developerskich. Efektywne wykorzystanie platformy NodeJs,CLI Angular, linterów, builderów oraz innych narzędzi wspomagających budowę aplikacji.

1.Architektura aplikacji Web

• Tryby renderowania: SPA, SSR, SSG/prerender, hybrid
• Standardy komunikacji z systemem backendowym
• Tryby renderowania w Angular — przegląd

2. Platforma Node.js

• Charakterystyka i architektura
• Zarządzanie pakietami

3. Angular

• Instalacja i konfiguracja frameworka
• Wprowadzenie do języka TypeScript i ES.Next
• Architektura frameworka, komponenty standalone
• Generowanie artefaktów projektowych, CLI
• Praca z komponentami, ich stanem danych i zdarzeniami
• Reaktywność oparta o signals (signal, computed, effect, linkedSignal, resource)
• Wykorzystanie metod cyklu życia w komponentach
• Definiowanie szablonów, wbudowany control flow (@if, @for, @switch), @defer
• Komunikacja pomiędzy komponentami, relacja parent-child (input/output jakosignals, model)
• Obsługa formularzy z użyciem Signal Forms (porównanie z Reactive/Template-driven forms)
• Formatowanie tekstu z użyciem pipes
• Routing, nawigacja pomiędzy komponentami
• Wstrzykiwanie zależności (DI), inject
• Integracja z RxJS oraz interop z signals w kontekście komunikacji z API

4. Programowanie wspomagane przez LLM – wprowadzenie

• Wbudowane wsparcie Angular CLI dla pracy z agentami AI
• Konfiguracja kontekstu projektu dla LLM (reguły, pliki kontekstowe)
• Generowanie testów jednostkowych i komponentowych przy wsparciu AI
• Dobre praktyki przy pracy z agentami AI

Znajomość HTML, CSS, JavaScript na poziomie podstawowym.

Tryb: Distance Learning
Poziom: średnio zaawansowany
Czas trwania: 3 dni | 21h

Metoda: Warsztaty
 

• Szkolenie: polski
• Materiały: polski