Opakování 2

4. hodina MVOP WBF

Matěj Cajthaml — SSPŠ

©

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

Za jak dlouho se vypíše hláška?

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

Děkuji za pozornost!

  • matej.cajthaml@ssps.cz
  • https://ssps.cajthaml.eu/