Szkolenie dedykowane jest:
- Programistom JavaScript / TypeScript, którzy chcą poszerzyć swoje umiejętności o pracę zframeworkiem Vue,
- Osobom zainteresowanym tworzeniem aplikacji webowych w Vue (SPA, SSR, SSG),
- Developerom frontendowym, którzy chcą pracować w nowoczesnym ekosystemie Vue iTypeScript, z wykorzystaniem Composition API i
- <script setup>,
- Zespołom projektowym chcącym wdrożyć Vue jako główną technologię frontendową orazrozpocząć współpracę z asystentami AI przy tworzeniu kodu w Vue.
1. Umiejętność budowy aplikacji webowych w Vue. Poznanie architektury SPA oraz świadomośćalternatywnych trybów renderowania (SSR, SSG, hybrid) i technik hydratacji w kontekściewspółczesnych projektów.
2. Znajomość frameworka Vue i jego ekosystemu w najnowszej wersji. Nauka instalacji,konfiguracji, pracy z komponentami Single-File Components, reaktywnością opartą oComposition API oraz komunikacji z API.
3. Uaktualnienie wiedzy o JavaScript i poznanie TypeScript. Zapoznanie się z nowoczesnymstandardem JavaScript (ES.Next) i językiem TypeScript, który jest dziś standardem w pracy zVue.
4. Świadome zarządzanie stanem aplikacji na trzech poziomach: lokalnym, globalnym iserwerowym — wraz ze zrozumieniem, którą warstwę dobrać do danego problemu.
5. Wprowadzenie do programowania wspomaganego LLM. Konfiguracja kontekstu projektudla asystentów AI oraz wykorzystanie ich w codziennej pracy, m.in. do generowania testów.
6. Praktyczna znajomość narzędzi developerskich. Efektywne wykorzystanie platformy Node.js,narzędzi CLI, linterów, builderów oraz kompilatora TypeScript.
1. Architektura aplikacji Web
- Tryby renderowania: SPA, SSR, SSG/prerender, hybrid
- Hydratacja i nowoczesne techniki dostarczania UI
- Standardy komunikacji z systemem backendowym
2. Platforma Node.js
- Charakterystyka i architektura
- Zarządzanie pakietami
- Narzędzia: kompilator (tsc), linter, builder (Vite)
3. Vue
- Instalacja i konfiguracja projektu (Vite; Vue Router)
- Wprowadzenie do języka TypeScript i ES.Next
- Architektura frameworka, Single-File Components, <script setup>
- Definiowanie szablonów, dyrektywy wbudowane, dynamiczna manipulacja stylamiCSS
- Reaktywność oparta o Composition API (ref, reactive, computed, watch,watchEffect, useTemplateRef, composables)
- Wykorzystanie metod cyklu życia komponentu
- Komunikacja pomiędzy komponentami, relacja parent-child (props, emits,defineModel, provide/inject)
- Zarządzanie stanem na trzech poziomach: lokalny (composables), globalny (Pinia),z serwera (TanStack Query)
- Obsługa formularzy
- Routing, nawigacja pomiędzy komponentami (Vue Router)
- Komunikacja z API (TanStack Query)
- Świadomość kierunku rozwoju frameworka: Vapor Mode oraz renderowanieSSR/SSG z Nuxt (przegląd)
4. Programowanie wspomagane przez LLM – wprowadzenie
- Konfiguracja kontekstu projektu dla LLM (reguły, pliki kontekstowe)
- Generowanie testów jednostkowych i komponentowych przy wsparciu AI (Vitest,Vue Test Utils)
- Dobre praktyki przy pracy z agentami AI
Znajomość HTML, CSS, JavaScript na poziomie podstawowym.
Metoda szkolenia:
- warsztaty
- Warsztaty
- Tryb: Distance Learning
- Poziom: Średnio zaawansowany
- Czas trwania: 3 dni | 21h
- Język: Polski (szkolenie i materiały)
- Szkolenie: polski
- Materiały: polski