A VueJS keretrendszer alapjai

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.

Rendelkezel HTML, CSS és haladó szintű JavaScript ismeretekkel, és szeretnél elmélyülni egy JavaScript keretrendszer rejtelmeibe, mely segítségével akár webes-, mobil- vagy asztali alkalmazásokat is fejleszthetsz? Akkor ezt a tanfolyamot neked találták ki. 

Már fejlesztő vagy, netán ismersz valamilyen JavaScript keretrendszert/könyvtárat, és szeretnél megismerkedni valami újjal? Ez a tanfolyam tökéletes lesz számodra is. 

• 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
Tematika (PDF)

HTML, CSS alapok, JavaScript ES6+ és OOP alapismeretek.