Ismertető
A tanfolyam célja, hogy a résztvevők megtanulják használni a VueJS keretrendszert. (Vue3, compoisiton API, script setup) A tanfolyam során gyakorlati példák alapján elsajátítják az VueJS alapjait, és nyernek betekintést a komponens alapú fejlesztésbe.
Képesek lesznek elkészíteni egyszerű kliensoldali SPA-kat a VueJS segítségével, mindezt egy modern kódszerkesztő program a Visual Studio Code segítségével. Ezenkívül a fejlesztés során használt Best practice-eket is megismerik.
Tematika
- Miért épp a VueJS?
- VSCode konfigurálása
- Vue alkalmazás inicializálása
- A createApp(), mount() és setup() metódusok
- Text interpolation
- Vue direktívák, a v-html direktíva
- A v-bind direktíva, adatkötés megvalósítása
- Összetett adatszerkezetek bejárása a v-for direktívával
- Feltételes renderelelés, és megjelenítés a v-if és v-show direktívákkal
- A template tag használata
- Dinamikus stílus és osztálymegadása a style és class binding segítésével
- A VueJS reaktivitása, a ref attribútum, események kezelése
- Számított értékek használata, azaz a computed propertyk
- Értékek változásának figyelése a watch függvénnyel
- Űrlapelemek és változók összekötése: Kétirányú adatkötés a v-model direktívával
- Eseménymódosítók
- A reactive() függvény, és a tempalte referencia
- A ref() és a reactive() közötti különbségek
- A Vite eszköz
- VueJS alkalmazás felépítése
- SIngle FIle Components-ek és a Composition API
- Az SFC-k felépítése
- Egy Vue alkalmazás életciklusa, hook-ok
- A script setup szintaxis használata
- Állapot megosztása
- Kommunikáció: szülő-gyermek (props), gyermek-szülő (events)
- Útvonalválasztás: vue-router, lazy loading
- Komplett alkalmazások készítése:
- Videólejátszó
- Felhasználók kezelése
- Webhsop termékek és kosár oldalak
Szükséges előképzettség
HTML, CSS alapok, JavaScript ES6+ és OOP alapismeretek.