Tanfolyamunk keretében hallgatóink megismerkednek a Vue.js JavaScript keretrendszerrel.

Ajánljuk azoknak a fejlesztőknek, akik rendelkeznek a JavaScript nyelv ismerettel és szeretnék megtanulni a Vue.js keretrendszer lehetőségeit. A Vue.js segítségével hatékonyan hozhatunk létre SPA (Single Page Application) alkalmazásokat, így azok bonyolult logikai és üzleti szabályait egyszerűen implementálhatjuk.

Az alábbi ábrán összefoglaltuk a JavaScript programozás tanulási útvonalát. Képezd magad tovább és válj JavaScript webfejlesztővé! Programozási ismeretekkel nem rendelkező érdeklődőinknek először a Programozási alapok (MFPROG1) tanfolyamunkat ajánljuk. Természetesen lehetőség van köztes ponton is bekapcsolódni a tanulási útvonalba, amennyiben rendelkezel az elvárt ismeretekkel. Nézd meg a képzések adatlapjait és válaszd a neked legmegfelelőbb képzést!

JavaScript nyelv ismerete. HTML, CSS nyelvek ismerete.

A Vue.js keretrendszer segítségével webes alkalmazások felhasználói felületei hozhatók létre hatékonyan. A Vue.js egy rendkívül moduláris rendszer, ezért fokozatosan adaptálható a szükséges feladatokhoz. Támogatja az összetett alkalmazásokban felmerülő megoldások létrehozását: routing, állapot kezelés, HTML direktívák, deklaratív renderelés, komponens alapú felépítés, stb.

Tematika

1. Bevezetés

• Vue.js bemutatása, előnyei, hátrányai, összehasonlítás más JavaScript keretrendszerekkel
• Deklaratív renderelés
• Beviteli mezők kezelése
• Ciklusok és feltételek
• Komponensek, mint alap építőelemek

2. Alkalmazás kialakítása

• Alkalmazás létrehozása
• Root komponens
• Komponensek tulajdonságai
• Életciklus események és kezelésük

3. Template szintaxis

• Virtual DOM
• Interpolációk
• Direktívák
• Shorthand

4. Legfontosabb funkciók

• Data tulajdonságok és metódusok
• Computed property, Watchers
• HTML/CSS class kapcsolat

5. Renderelés

• Feltételes renderelés
• Listák renderelése

6. Eseménykezelés

• Események és eseménykezelők
• Esemény módosítók (stop, prevent, capture, self, once, passive)

7. Formok kezelése

• Alapok (text, checkbox, select, multiline, radio, ...)
• Value feldolgozása
• Módosítók (.lazy,.number,.trim)

8. Komponensek

• Komponens regisztráció
• Props
• Non-prop attribútumok
• Egyéni események
• Slots
• Provide/Inject
• Dinamikus és aszinkron komponensek
• Template referenciák