Základy VueJS 2.x

V kurzu si projdeme základy VueJS verze 2.x na praktickém příkladu. Vše je vysvětleno srozumitelně a názorně.

Celý kurz má 17 videí o celkové délce 101 minut.

Osnova kurzu:

1. Příprava, instalace Google Chrome a NetBeans. (01:17)
2. Založení projektu v NetBeans. (02:38)
3. Přidání VueJS do projektu, úvodní nastavení VueJS. (04:48)
4. Provázání mezi HTML a JS, vypsání obsahu proměnné. (04:32)
5. Data a funkce (1), práce s proměnnými a funkcemi. Praktický příklad - jednoduchá kalkulačka. Volání funkce po stisku tlačítka. (10:07)
6. Data a funkce (2), práce s proměnnými a funkcemi. Podmíněný příkaz, podmínka. (05:18)
7. Automatické funkce, automaticky vypočítané proměnné. (07:05)
8. Podmíněné zobrazení části HTML při splnění podmínky. (04:51)
9. Úprava struktury, umístění souborů v projektu. (06:05)
10. Kaskádové styly CSS, vizuální vzhled aplikace. (06:15)
11. Cyklus (1), vypsání více odstavců za sebou. (04:43)
12. Cyklus (2), vypsání dat z JS do HTML pomocí cyklu. (05:03)
13. Cyklus (3), vypsání dat (objektů) z JS do HTML pomocí cyklu, práce s objektem. (09:17)
14. Změna hodnoty atributu v HTML, zakázání tlačítka na základě podmínky, nastavení CSS třídy podle podmínky. (04:54)
15. Seznam osob (zadání projektu). Zadání vlastní samostatné práce - aplikace pro seznam osob. (08:09)
16. Seznam osob (HTML kód) - ukázka řešení HTML kódu. (07:59)
17. Seznam osob (HTML kód) - ukázka řešení VueJS kódu. (08:01)