E-2185537

Vue.Js keretrendszer alapjai • E-learning

A Vue.js egy könnyen tanulható, rugalmas és teljesen nyílt forráskódú JavaScript keretrendszer, amely lehetővé teszi a fejlesztők számára, hogy gyorsan és hatékonyan hozzanak létre interaktív felhasználói felületeket és akalmazásokat.
Tananyag szintje
Kezdő
Tananyag hossza
8 óra 44 perc
Elérhető képzési nyelvek
  • Magyar
Képzési forma
Személyre szabott ajánlatot szeretnél?
Kollégáink készséggel állnak rendelkezésedre, hogy segítsenek a neked megfelelő megoldás kialakításában.
Ajánlatot kérek

Tematika

A Vue.Js szintaktikája
  • Képzési anyagok
  • Bevezető
  • A fejlesztőkörnyezet testreszabása
  • Vue alkalmazás inicializálása, text interpolation
  • A v-html direktíva
  • A v-bind direktíva
  • A v-bind direktíva használata objektummal
  • A v-for direktíva
  • Index használata a v-for direktívánál
  • v-for destructuring
  • A v-for használata többdimenziós tömböknél
  • A v-for key alias
  • A v-if direktíva
  • A v-show direktíva
  • A v-else-if és v-else direktívák
  • Style binding
  • Style binding objektumokkal
  • CSS használata
  • Class binding
  • Class bind tömb szintaxissal
  • Vue reaktivitása, a ref attribútum, események kezelése
  • Computed property
  • A watch függvény
  • Kétirányú adatkötés a v-model direktívával
  • Eseménymódosítók
  • A reactive függvény
  • Template referencia
  • A ref-ről részletesen
  • A reactive-ről részletesen
  • ref vagy reactive
  • Feladatok
A komponens alapú fejlesztés
  • Egy Vue.js 3 alkalmazás inicializálása
  • Single Page Application
  • Egy Vue.js-alkalmazás mappastruktúrája
  • Új, kiinduló Vue.js-projekt létrehozása
  • A MainNavigation komponens létrehozása
  • A SiteContent és a SiteFooter komponensek elkészítése
  • Az alkalmazás lebuildelése
  • A defineProps használata, szülő-gyermek közötti kommunikáció
  • props használata scripten belül
  • props binding
  • A defineEmits használata, gyermek-szülő közötti kommunikáció
  • Komponens esemény paraméterrel
  • A defineProps és a defineEmits együttes használata I.
  • A defineProps és a defineEmits együttes használata II.
  • A defineProps és a defineEmits együttes használata III.
  • A Vue.js-komponensek életciklusai, hookok
  • Feladatok
VideoPlayer alkalmazás
  • A VideoPlayer alkalmazás bemutatása
  • Az VideoPlayer alkalmazás inicializálása
  • A YouTube API használata
  • A videók kilistázása
  • A VIdeoList és VideoItem komponensek elkészítése
  • A VideoItem template-jének véglegesítése
  • A VideoDetails komponens elkészítése
  • Videó kiválasztásának lefejlesztése
  • A SearchBar elkészítése
  • A Vue Devtools használata böngészőben
A UserManager alkalmazás
  • A UserManager alkalmazás bemutatása
  • A UserManager alkalmazás inicializálása, backend elkészítése
  • A usersAPI elkészítés
  • A felhasználók kilistázása
  • Bevezetés a state menedzsmentbe
  • A store használata
  • A UsersTable komponent elkészítése
  • Felhasználó törlése
  • A felhasználó módosításának előkészítése
  • Az EditUserModal komponens elkészítése
  • A módosító űrlap template-jének megírása
  • A felhasználó szerkesztésének befejezése
  • A felhasználó létrehozásának előkészítése
  • A CreateUserForm komponens elkészítése I.
  • A CreateUserForm komponens elkészítése II.
  • A CreateUserForm komponens elkészítése III.
  • Az AppTitle komponens elkészítése
A WebShop alkalmazás
  • A WebShop alkalmazás bemutatása
  • A WebShop alkalmazás inicializálása
  • A gitárok lekérése és mentése a store-ba
  • A gitárok elérésének ellenőrzése
  • A router használata - útvonalválasztás SPA-k esetében
  • A MainNavigation komponens elkészítése
  • A router-view használata
  • A CartView létrehozása a belső navigáció teszteléséhez
  • A GuitarsList komponens elkészítése
  • A GuitarsItem komponens elkészítése
  • A GuitarImage komponens elkészítése
  • A GuitarTitle komponens elkészítése
  • A GuitarDescription komponens elkészítése
  • A GuitarPrice komponens elkészítése
  • A GuitarRating komponens elkészítése
  • A GuitarStock komponens elkészítése
  • A CartButton template elkészítése
  • A CartButton script elkészítése
  • A termék kosárhoz való hozzáadásának megírása
  • A termék kosárba tehető mennyiségének korlátozása
  • A termék hozzáadásának feltételei
  • A kosárban lévő termékek darabszámának módosítása
  • Termék törlése a kosárból
  • A ShoppingCart komponens elkészítése
  • A ShoppingCart formázása
  • A felhasználói értesítések megvalósítása, finomhangolása
  • Elköszönés
  • Projektfeladatok
Tudásellenőrzés
  • Tudásellenőrző teszt
Tematika (PDF)