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

1.1. Vue.js bemutatása, előnyei, hátrányai, összehasonlítás más JavaScript keretrendszerekkel

1.2. Deklaratív renderelés

1.3. Beviteli mezők kezelése

1.4. Ciklusok és feltételek

1.5. Komponensek, mint alap építőelemek

2. ALKALMAZÁS KIALAKÍTÁSA

2.1. Alkalmazás létrehozása

2.2. Root komponens

2.3. Komponensek tulajdonságai

2.4. Életciklus események és kezelésük

3. TEMPLATE SZINTAXIS

3.1. Virtual DOM

3.2. Interpolációk

3.3. Direktívák

3.4. Shorthand

4. LEGFONTOSABB FUNKCIÓK

4.1. Data tulajdonságok és metódusok

4.2. Computed property, Watchers

4.3. HTML/CSS class kapcsolat

5. RENDERELÉS

5.1. Feltételes renderelés

5.2. Listák renderelése

6. ESEMÉNYKEZELÉS

6.1. Események és eseménykezelők

6.2. Esemény módosítók (stop, prevent, capture, self, once, passive)

7. FORMOK KEZELÉSE

7.1. Alapok (text, checkbox, select, multiline, radio, ...)

7.2. Value feldolgozása

7.3. Módosítók (.lazy,.number,.trim)

8. KOMPONENSEK

8.1. Komponens regisztráció

8.2. Props

8.3. Non-prop attribútumok

8.4. Egyéni események

8.5. Slots

8.6. Provide/Inject

8.7. Dinamikus és aszinkron komponensek

8.8. Template referenciák