Webové aplikace

WBA

• HTML
• CSS
• HTML5
• základní struktura
• index soubor

HTML

• formátovací tagy pro text
• nadpisy
• listy
• obrázky
• tabulky
• formuláře
• HTML5 struktura

CSS

• kaskáda
• pravidla
• selektory
• typy zobrazování
• blokové vlastnosti
• textové vlastnosti
• pseudotřídy a pseudoelementy

Rozložení

• flexbox
• grid
• responzivita
• animace

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
• Pinia
• kompozice

HTTP

HTTP

• požadavek
• odpověď
• metody
• status kódy
• hlavičky
• formát

API a REST

• API vs. Web API
• REST, RESTful
• CRUD
• verzování
• endpoint

Návrh API

Práce

Navrhněte nějaké API. Zkuste využít co nejvíce metod. Vymyslete, co jaké endpointy vrací za stavové kódy.

Formáty dat

• HTML
• XML
• JSON
• AJAX


• CORS

Git

Git

• (de)centralizované
• distribuované
• verzovací systém
• repozitář
• commit
• větev
• příkazy

Git

• .gitignore
• merge conflict
• Gitové služby
• issues, projects, actions

Autentizace a autorizace

Autentizace a autorizace

• autentizace
• autorizace
• přihlášení
• šifrování
• hashování

JWT

• BASE64
• části
• expirace
• podepsání
• výhody a nevýhody

OAuth2

• přístupový token
• obnovovací token
• autorizační server
• autorizační povolenka
• registrace klienta
• výhody a nevýhody