Záměr, cílová skupina a informační struktura
Účel digitálního produktu a cílová skupina
Vymezí účel produktu a popíše jeho hlavního uživatele.
Rešerše existujících řešení
Porovná dostupná řešení podle společných kritérií.
Hierarchie obsahu a informační architektura
Uspořádá obsah do hlavních a vedlejších částí.
Navigace a uživatelský průchod
Navrhne cestu uživatele k hlavnímu cíli produktu.
Strukturovaný a publikovatelný digitální obsah
Digitální dokument jako struktura
Rozliší obsahovou, vizuální a interaktivní vrstvu.
Kostra značkovacího dokumentu
Vytvoří validní základ dokumentu a správně jej uloží.
Sémantické členění a nadpisová hierarchie
Používá prvky podle významu a zachová logickou strukturu.
Odkazy, relativní cesty a více stránek
Propojí části produktu a používá správné cesty.
Seznamy, tabulky a vložená média
Zvolí prvek podle významu informace a správně vloží médium.
Formulář a uživatelský vstup
Vytvoří srozumitelný formulář s popisky a vhodnými typy polí.
Oddělení obsahu a vizuální podoby
Připojí samostatnou stylovací vrstvu a vysvětlí její výhodu.
Selektory, dědičnost a kaskáda
Předvídá použití stylovacích pravidel a opraví konflikt.
Vizuální návrh, responzivita a přístupnost
Vizuální hierarchie a typografie
Vytvoří čitelný systém nadpisů, textu a důležitosti.
Box model a konzistentní mezery
Vysvětlí rozměry prvku a vytvoří opakovatelnou komponentu.
Pružné jednoosé rozložení
Uspořádá prvky v řádku nebo sloupci a řídí zarovnání.
Dvourozměrná mřížka
Vytvoří rozložení se vztahy řádků a sloupců.
Relativní jednotky a pružné rozměry
Používá rozměry reagující na písmo a dostupný prostor.
JavaScript a interaktivní web
JavaScript v prohlížeči a vývojářská konzole
Propojí JavaScript s HTML, spustí vlastní příkaz a použije konzoli k ověření běhu programu.
Proměnné, datové typy a výrazy
Uloží vstupní hodnoty do proměnných, provede výpočet a zobrazí výsledek v rozhraní.
Podmínky, funkce a návratová hodnota
Zapouzdří rozhodovací pravidlo do funkce a otestuje více větví podmínky.
DOM: výběr prvků a změna obsahu
Vybere prvky stránky přes DOM a bezpečně změní jejich text, třídu nebo atribut.
Události: kliknutí, vstup a změna
Naváže posluchače událostí a rozliší reakci na kliknutí, psaní a změnu hodnoty.
Formulářová data a vlastní validace
Zachytí odeslání formuláře, ověří povinné hodnoty a zobrazí konkrétní chybovou nebo úspěšnou zprávu.
Pole, objekty a dynamický seznam
Použije pole objektů jako stav aplikace a vykreslí z něj seznam prvků.
localStorage a uchování stavu
Uloží jednoduchý stav aplikace do prohlížeče a obnoví jej po novém načtení stránky.
JSON, fetch a asynchronní načítání dat
Načte lokální JSON pomocí fetch, zpracuje odpověď a rozliší stav načítání, úspěch a chybu.
Přístupnost a zpětná vazba dynamického rozhraní
Upraví interaktivní prvek tak, aby byl ovladatelný klávesnicí a změny stavu byly srozumitelné i bez vizuálního kontextu.
Principy fungování webu a publikace
Správa verzí, testování a dokumentace
Repozitář, commity a vzdálená synchronizace
Zaznamenává ucelené změny a synchronizuje je se vzdáleným repozitářem.
Spolupráce a jednoduchý konflikt změn
Bezpečně propojí souběžné změny a zachová historii.
Testování zařízení, odkazů a přístupnosti
Připraví scénáře pro funkčnost, responzivitu a přístupnost.
README, návod, licence a přehled změn
Připraví dokumentaci pro otevření, použití a další rozvoj produktu.
Závěrečný digitální produkt
Integrace HTML, CSS, JavaScriptu a médií
Propojí strukturu, responzivní vzhled, média a vlastní JavaScriptovou interakci do jedné funkční verze.
Finální test a publikace
Provede závěrečnou kontrolu funkčnosti, přístupnosti, licencí a veřejné verze.
Prezentace, obhajoba a reflexe
Představí produkt cílovému publiku a zdůvodní klíčová rozhodnutí.