1. World-Wide Web, Unified Resource Identifier, Hypertext Transfer Protocol. 2. HyperText Markup Language - Syntaxe a sémantika jazyka, kódování znaků, elementy html. 3. Cascading Style Sheets - Syntaxe a sémantika jazyka, Selektor, hodnoty a jednotky, Barva, Vizuální formátovací model, Box model,Pozadí a okraje. 4. Písmo, Text, Tabulky, Podrobnosti modelu vizuálního formátování,Uživatelské rozhraní,Vizuální efekty. 5. Přiřazení hodnot vlastností, kaskádové řazení a dědičnost,Typy médií, Generovaný obsah, automatické číslování a seznamy, Tvary, Funkce, Rozložení (layout) stránky. 6. Zarovnání, Inline layout, Text, Box alignment, Flex box, Režimy psaní. 7. Grid layout. 8. Efekty, Přechody, Animace, Obrázky, Filtry. 9. Organizace CSS kódu. 10. Component Library, Pattern Library, Style Guide, Design system, CSS Preprocesory. 11. ECMAscript, DOM, BOM a události v JavaScriptu, objekty JavaScriptu. 12. Pokročilá práce s JavaScriptem - Jedno-vláknové asynchronní zpracování kódu, Promise, Async/await, WebWorkers. 13. Přístupnost webu, Asistivní technologie, Zákonná povinnost, Web Content Accessibility Guidelines, Accessible Rich Internet Applications,Authoring Tool Accessibility Guidelines.
|
Monologická (výklad, přednáška, instruktáž), Dialogická (diskuze, rozhovor, brainstorming), Metody práce s textem (učebnicí, knihou), Demonstrace, Nácvik dovedností
- Kontaktní výuka
- 65 hodin za semestr
- Semestrální práce
- 65 hodin za semestr
- Kontaktní výuka
- 24 hodin za semestr
- Domácí příprava na výuku
- 65 hodin za semestr
- Příprava na zkoušku
- 15 hodin za semestr
- Semestrální práce
- 65 hodin za semestr
- Domácí příprava na výuku
- 106 hodin za semestr
- Příprava na zkoušku
- 15 hodin za semestr
|
Didaktický test, Obhajoba vlastního projektu
Aktivní práce v hodinách výuky. Zápočet bude udělen za vypracování a obhájení semestrální práce. Předmětem semestrální práce je "Frontend webové aplikace" dle vlastního zadání. Navržené zadání je nutné odsouhlasit garantem předmětu. Minimální rozsah frontendu aplikace je stanoven na 4 samostatné layouty, které budou vypracovány ve vysokém grafickém standardu, s důrazem na sémantiku HTML, s validním HTML a CSS kódem. Layouty budou responzivní s aplikací min. 3 breakpointů. Nejsou povoleny CSS frameworky. Zdrojové kódy semestrální práce budou umístěny v repozitáři na github.com a zpřístupněny garantovi předmětu. Stránky mohou být statické, bez použití dynamiky na straně klienta i serveru. Zápočet budě udělen po splnění všech výše uvedených podmínek a po úspěšné prezentaci semestrální práce a vypořádání všech připomínek garanta předmětu. Vzor semestrální práce bude vznikat komentovanou demonstrací na cvičeních v průběhu semestru. Kompletní vzor bude zveřejněn na cvičení v 6 týdnu semestru. Zkouška bude realizována formou elektronického testu, 40 otázek/25 min. Test bude namíchán z otázek testů, které jsou zveřejněny v každém bloku kurzu. Každá otázka má čtyři možné odpovědi, přičemž pouze jedna odpověď je správná. Za špatně zvolenou odpověď nejsou uděleny trestné body. Hodnocení testu: A: <100; 95>% B: (95; 90>% C: (90; 85>% D: (85; 80>% E: (80 ; 75>% F: (75; 0>%
|