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.
- 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
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.
