Kontrola úlohy 5
Úvod
Dnešné cvičenie je kontrolné, cvičiaci/a vám individuálne skontroluje stav splnenia úlohy 5. Vašu web aplikáciu dynamického mikroblogovacieho systému nezabudnite
„vyšperkovať“ štýlmi, napríklad tými, čo ste si pripravili v predchádzajúcich cvičeniach
Postup
Na odovzdanie sa pripravte nasledovne:
- Nahrajte zip súbor s vašim zadaním do úlohy v programe Teams
- Jediný HTML súbor vašej webovej aplikácie, index.html, zobrazte v prehliadači.
- Zdrojové kódy (html, css, JavaScript, Mustache šablóny, ...) zobrazte vo vývojovom prostredí.
Počas odovzdávania samostatne zdôvodnite splnenie všetkých krokov zadaných v rámci úlohy 5.
Za túto úlohu môžete získať maximálne 7 bodov, z toho:
- 0-0.5b: Za jednostrannú aplikáciu Názov stránky a uvítaciu časť (obsah šablóny s id=template-welcome) zmeňte tak, aby zodpovedali vašej téme.
- 0-1b: V trase articles nahraďte statické články za zoznam prvých maximálne 10 článkov zo servera. Ku každému zobrazte názov (title) a autora (author) podľa úlohy 3 postupu v cvičenia č.9.
- 0-1b: Formulár v trase addOpinion vymeňte za váš z úlohy 3 (cvičenie 6). Z vášho riešenia úloh 3 a 4 tiež prevezmite spracovanie obsahu formulára do localStorage.
- 0-0.5b: Zobrazenie názorov v trase opinions zmeňte na to vaše, z úlohy 4 (cvičenie 7).
- 0-2b: Zobrazenie článkov: na každej stránke (okrem poslednej) bude 20 článkov. Pomocou odkazov Previous a Next nech sa dá prejsť na stránku s predchádzajúcimi resp. nasledujúcimi (maximálne) 20 článkami.
- 0-2b: Na celú stránku (aplikáciu) aplikujte vaše vlastné CSS štýly. Môžu ale nemusia to byť tie, čo ste vytvorili pre váš prvý projekt (cvičenia 2 až 6).
- HTML kód však definujte pomocou Mustache šablóny a to aj v prípade ak ste v úlohe 4 použili šablónové literály. Použite šablónu s id=template-opinions.
Poznámka:
Odovzdávanému kódu musíte rozumieť. "Preskrolovanie" zdrojového kódu na obhájenie zadania nestačí.
Rozumieť je potrebné aj kódu, ktorý ste dostali hotový a je dôležitý pre chod vašej web aplikácie. V prípade tejto odovzdávky je to najmä kód smerovača (client side router) a získanie údajov zo servera pomocou AJAX XMLHttpRequest.
Všetok HTML a CSS kód (až na experimentálne vlastnosti), aj generovaný, musí byť validný. Skontrolujte aspoň kód index.html s odstránenými otváracími a zatváracími značkami script elementov okolo šablón. Samozrejme, nevalidnosť spôsobená značkami šablón je v poriadku.
Zdroje
-
HTML validátor od W3C, https://validator.w3.org/nu/
-
CSS validátor od W3C, https://jigsaw.w3.org/css-validator/.