Webový front-end
Cílem předmětu je poskytnout studentům znalosti v oblasti frontendových webových technologií. Absolvent předmětu získá znalosti jak v oblastech webdesignu, tak webdevelopmentu.
Sylabus předmětu
-
Organizace předmětu, motivace, jak to funguje? - Základy síťové komunikace. Co je to klient? Co je to server? Historie WWW, browserové války, HTTP(S), TCP/IP stack, Warriors of the Net, webová stránka vs. webová aplikace, typy webových aplikací (single page vs. server side), jaké nástroje/IDE?
-
HTML I. - Základy, formuláře, validátor.
-
HTML II. - HTML5 tagy, sémantika (microdata, open graph), DOM, ladění, web developer tools.
-
CSS I. - Základy, kaskáda, selektory, box model, různé prohlížeče, class, id.
-
CSS II. - Pseudotřídy, CSS3, Twitter Bootstrap, responsivní web, mobile first, normalizace, reset.
-
JavaScript I. - Základy, co to je, jak to funguje, ECMAScript, callback funkce, manipulace s DOM.
-
JavaScript II. - Eventy, onload, this vs. that, DOM, closure, OOP v JavaScriptu, plain JS není vždy to nejlepší - špatně se udržuje, je low-level, šablony (handlebars), testování (Jasmine, Webdriver).
-
jQuery - Co řeší, jaký je princip? Jak se používá, ukázka, k čemu byla vymyšlena? Proč je špatné v jQuery dělat view? jQuery UI.
-
AJAX & API - API, AJAX, REST, RESTful, jQuery AJAX, co je to API? Jak ho navrhovat? Jak ho konzumovat? Kdy je lepší málo požadavků a kdy více?
-
ReactJS - Co to je? co to řeší? kdy se mi to vyplatí použít? Co to neřeší? Jak se to používá? Ukázka. Kde se o tom dozvím více?
-
HTML5 - Pokročilé techniky HTML5 - websockets, web workers, canvas, webGL, local starage, websql.
-
Kam dál? - Co jsme neprobrali, budoucnost JavaScriptu, další frameworky a jazyky (Dart, AngularJS, ...), konzultace semestrální práce.
Organizace výuky
Prezenční forma
Předmět obsahuje 12 přednášek a 12 seminářů po 1,5 hod.
Kombinovaná forma
Kombinovaná forma není v tomto kurzu zavedena, tento kurz je pro kombinované studenty veden prezenční formou.