A VueJS keretrendszer alapjai

WEB-VUE

Részvételi forma

Képzési forma

Mentorált

Képzés hossza

5 nap (5×8 tanóra)
naponta 9:00 - 17:00

Időpontok

Képzés ára

324 000 Ft
+ ÁFA/fő -től
Szeretne a témában testre szabott megoldást, csoportos képzést?
Egyedi képzési szolgáltatásainkról részletesen itt olvashat.

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.

Kinek ajánljuk?

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. 

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.