Vue 3 – nowe funkcje i możliwości

Opis

Szkolenie koncentruje się na praktycznym poznaniu nowych funkcjonalności wprowadzonych w Vue 3, ze szczególnym uwzględnieniem Composition API oraz systemu reaktywności. Podczas warsztatów praktycznych uczestnicy będą tworzyć komponenty wykorzystujące nowe możliwości Vue 3, poznając jednocześnie najlepsze praktyki i wzorce projektowe. Zajęcia prowadzone są w formie interaktywnych warsztatów, gdzie teoria przeplatana jest z praktycznymi zadaniami programistycznymi.

Profil uczestnika

Program szkolenia został przygotowany z myślą o:
• Programistach frontend z doświadczeniem w Vue 2
• Developerach JavaScript chcących poznać Vue 3
• Inżynierach oprogramowania pracujących przy projektach Vue.js
• Architektach rozwiązań webowych
• Tech leadach nadzorujących migrację z Vue 2 do Vue 3
• Programistach fullstack chcących rozszerzyć wiedzę o frontend

Agenda

1. Wprowadzenie do Vue 3
• Główne zmiany w porównaniu z Vue 2
• Nowa architektura i system reaktywności
• Virtual DOM i mechanizmy optymalizacji
• Instalacja i konfiguracja środowiska
2. Composition API
• Struktura i filozofia Composition API
• Setup function i cykl życia komponentu
• Reactive References i Reactive Objects
• Composables i reużywalność kodu
3. Zaawansowane funkcje Vue 3
• Teleport i dynamiczne komponenty
• Fragments i multiple root nodes
• Suspense i asynchroniczne komponenty
• Nowe hooki cyklu życia
4. Optymalizacja i wydajność
• Tree-shaking i optymalizacja bundle size
• Lazy loading komponentów
• Strategie cachowania
• Debugowanie i profiling aplikacji

Korzyści

Po ukończeniu szkolenia uczestnik będzie potrafił efektywnie wykorzystywać nowe funkcjonalności Vue 3 w swoich projektach. Zdobędzie praktyczną wiedzę z zakresu implementacji Composition API i tworzenia wydajnych komponentów. Opanuje techniki optymalizacji aplikacji Vue 3 i będzie umiał wybierać odpowiednie rozwiązania architektoniczne. Rozwinie umiejętność tworzenia reużywalnego kodu z wykorzystaniem composables. Nauczy się identyfikować i rozwiązywać problemy wydajnościowe w aplikacjach Vue 3.

Wymagane przygotowanie uczestników

• Praktyczna znajomość JavaScript ES6+
• Doświadczenie w tworzeniu aplikacji w Vue 2
• Podstawowa znajomość TypeScript
• Znajomość wzorców projektowych w aplikacjach frontendowych

Zagadnienia

• Composition API i jego zastosowanie w Vue 3
• System reaktywności i zarządzanie stanem
• Hooki cyklu życia komponentów
• Teleport i dynamiczne komponenty
• Fragments i multiple root nodes
• Suspense dla komponentów asynchronicznych
• Wzorce projektowe w Vue 3
• Optymalizacja wydajności aplikacji
• Tree-shaking i lazy loading
• Debugowanie i narzędzia deweloperskie
• Testowanie komponentów Vue 3
• Integracja z TypeScript
Budowa mikro-frontendów z Vue.js

Poznaj naszą firmę