Klasifikace frontendových technologií

Co je to FE. Webové aplikace, nativní mobilní aplikace, VR/AR/MR, aplikace pro smartwatch a smartTV apod.

Principy fungování webu a základní terminologie

Principy síťové komunikace, webová stránka vs. webová aplikace, typy webových aplikací.

HTML

Základní HTML značky, metadata pro strojové zpracování webových stránek.

JavaScript

Rozdíly oproti BE. Transpilační nástroje (např. babel) pro psaní nejnovějšího JS pro moderní prohlížeče.

Frontendové knihovny a komponentový přístup

Moderní knihovny pro vývoj frontendových aplikací (Angular, ReactJS, UU5 a další). Jejich vlastnosti a využití. Rozdělení prezentace do logických bloků (komponent) a jejich konfigurace a znovu použitelnost.

Komunikace se serverem

Způsoby načtení dat z BE systému, transformace JSON dat do uživatelsky čitelné podoby.

Responzivita, stylování a UX

Základní principy a vlastnosti CSS, responsivní web, CSS Frameworky a CSS preprocesory. Principy responzivity a mobile first přístup. Základy návrhu uživatelského rozhraní pro snadnou použitelnost a ovladatelnost. Způsoby rozmístění ovládacích prvků v aplikaci.

Uživatelské vstupy

Formuláře a práce s nimi. Validace, dynamické formuláře, ukládání dat na BE.

Mockování

Pokročilé techniky vývoje aplikace nad knihovnou UU5. Příprava funkčního návrhu a prototypování FE aplikace bez dostupnosti dat z BE.

Vstupní body aplikace

Rozdělení aplikace podle vstupních bodů. Separace a sdílení funkčností mezi vstupními body aplikace.

Dokumentace

Způsoby dokumentace FE aplikace. Jak popisovat uživatelské rozhraní (FE) aplikace

Testování

Testovatelnost FE aplikace. Způsoby testování komponent a aplikace jako celku.

Identita uživatele

Komunikace se serverem pod identitou uživatele. Správa identity v FE aplikaci.