ÚVOD / Studijní obory / Sylaby / Webový front-end

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

  1. 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?
  2. HTML I. - Základy, formuláře, validátor.
  3. HTML II. - HTML5 tagy, sémantika (microdata, open graph), DOM, ladění, web developer tools.
  4. CSS I. - Základy, kaskáda, selektory, box model, různé prohlížeče, class, id.
  5. CSS II. - Pseudotřídy, CSS3, Twitter Bootstrap, responsivní web, mobile first, normalizace, reset.
  6. JavaScript I. - Základy, co to je, jak to funguje, ECMAScript, callback funkce, manipulace s DOM.
  7. 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).
  8. 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.
  9. 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?
  10. 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?
  11. HTML5 - Pokročilé techniky HTML5 - websockets, web workers, canvas, webGL, local starage, websql.
  12. 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.