Vue.Js keretrendszer alapjai (T360)
15.499
Ft/hó*

*Egy összegben fizetendő 185.988 Ft/év

Tovább a vásárlásra
15.499
Ft/hó*

Szerezd meg ezt és több száz másik tananyagot, NETAcademia Optimum előfizetéssel!

Tovább a vásárlásra

*Egy összegben fizetendő 185.988 Ft/év

  • 30 napos pénzvisszafizetési garancia
  • Korlátlan elérés, akárhonnan, akármikor
  • Tanulj első kézből a területükön elismert szakemberektől

Vue.Js keretrendszer alapjai (T360)

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.

0
(0)
9 óra
Kezdő

  • 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ény mó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

  • 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 defineEmitts használata, gyermek-szülő közötti kommunikáció
  • Komponens esemény paraméterrel
  • A defineProps és a defineEmitts együttes használata I
  • A defineProps és a defineEmitts együttes használata II
  • A defineProps és a defineEmitts együttes használata III
  • A VueJS komponensek életciklusai, hookok
  • Feladatok

  • 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 tempalte-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 devtool használata böngészőben

  • 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 1
  • A CreateUserForm komponens elkészítése 2
  • A CreateUserForm komponens elkészítése 3
  • Az AppTitle komponens elkészítése

  • A WebShop alkalmazás bemutatása
  • A WebShop alkalmazás inicializálása
  • A gitárok lekérése, és mentése a storeba
  • 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 V2
  • 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 kosárba helyezéskor
  • A felhasználói értesítések megvalósítása, finomhangolás V2
  • Elköszönés
  • Projektfeladatok

  • Tudásellenőrző teszt

Az oktatóról

Gáll Gergely
JavaScript szakértő, mentor

2008 óta foglalkozom webfejlesztéssel és oktatással egyaránt. 2017 óta tanítok a Training360-nál. Otthonosan mozgok a HTML-CSS-JavaScript hármas és a hozzájuk kapcsolódó technológiák valamint a Python világában. Engem ért a megtiszteltetés, hogy négy alkalommal is összeállíthattam egy-egy feladatsort az Országos IT megmérettetésre. Vallom, hogy ugyanolyan káros a „csak gyakorlati”, mint a „csak elméleti” oktatás. Imádom a naív dolgokat, és nem követem a divatot a programozás terén (sem). Szabadidőmben szívesen írok, blogolok, olvasok, gitározom, túrázom. Már ha van szabadidőm.