UI & UX

Teorie UI a UX

• dekompozice webových aplikací
• UI
• UX
• zásady
• princip minimálního překvapení
• sledování uživatelů
• teorie barev, obrázků, fontů
• práce s místem

Studie stránky

Práce

Pojďme se podívat na stránku a zhodnoťme ji dle zasád a pocitů.

itch.io

Sass

Sass

• formáty
• kompilátor
• proměnné
• vnořování
• moduly

Sass

• mixins a funkce
• podmínky
• předefinované knihovny

JavaScript

JavaScript

• typy proměnných
• interní datové typy
• hodnoty undefined / null
• podmínky
• cykly
• typy porovnávání

JavaScript

• pole
• pomocné metody pro pole
• objekty
• DOM

OOP

• třída
• objekt
• vlastnosti
• metody
• statický modifikátor
• přístupový modifikátor

OOP

• předefinované hodnoty parametrů
• gettery a settery
• dědičnost
• konstruktory

Registr aut

Práce

Vytvořte rozhraní tříd registru aut. Vytvořte třídy (a metody):

• Register: přidání, smazání, přepsání auta a seznam aut, počet aut dle majitele
• Car

Sliby

• promises
• zachycení
• řetězení
• založení
• metody .all, .race

Asynchronní programování

• async
• await

Asynchronní programování

Práce

Pojďme si připomenout asynchronní programování na ukázce nějakého zpracování dat.

Výjimky

• zachycení
• vyvolání

Webové aplikace

Node.js a npm

• Node.js
• npm
• soubory npm
• importování JS souborů

Vue

Vue

• webový framework
• webové aplikace
• komponenty
• direktivy
• projekty

Komponenty

• životní cyklus
• data
• computed
• components
• methods
• watch

Data ve Vue

• props
• události
• Vuex