Základy tvorby webu (NUIN019)
Předmět o webu, který je určený primárně pro studenty učitelství.
- 6.10. - podmínky zápočtu, jak funguje web
- 13.10. - flex, grid, responsivní layout
- 20.10. - přístupnost webu, bootstrap
- 27.10. - React
- 3.11. - informační systémy - domácí úkol
- 10.11. - Flask 1
- 24.11. - Flask 2, formuláře
- 1.12. - databáze
- 8.12. - AJAX, API
- 15.12. - SEO, bezpečnost, práce na projektu
- 5.1. - práce na projektu / prezentace projektu
6. října
přednáška: Sylabus, podmínky splnění kurzu, prezentace "Jak funguje web", "Webové technologie v příkladech"
cvičení: Vytvoření adresáře WWW a zprovoznění "Hello world" stránky. (https://wiki.ms.mff.cuni.cz/wiki/laboratoř_UNIX#WWW_stránky)
13. října
přednáška: Flex, Grid, responsivní layout
cvičení:
editor
- Ochočení nějakého HTML/CSS/... editoru
- Vygenerujte (jednu) HTML stránku na libovolné téma (seznam, tabulka, obrázek, navigace v rámci stránky, použití html5 elementů), nebo použijte tuto šablonu.
- Upravte stránku ručně následujícím způsobem:
- přidejte položku do seznamu
- přidejte řádku do tabulky
- přidejte odstavec s nadpisem
- přidejte do navigace odkaz na vytvořený odstavec (jeho nadpis)
- přidejte další tři obrázky
- nechte si vygenerovat styly odpovídající tématu stránky, zatím bez layoutu, a připojte je ke stránce
- CSS - tři způsoby vkládání css
- Návrhněte layout pro váš web (responsivní, pro 3 velikosti)
- zahrajte si Flexbox Froggy
- Pomocí flexu rozmístěte položky navigace
- Pomocí flexu rozmístěte obrázky
- Zahrajte si Grid Garden
- Pomocí gridu vytvořte navržené 3 verze stránky pro různé velikosti displeje
- nahrajte své hotové dílo na svůj www.ms.mff... web