Moderní vývoj webů už dávno není jen o HTML a CSS, ale klade důraz na responzivní design, na velikost a rychlost optimalizované weby. Naučíš se, jak moderně nakódovat nejčastější interaktivní prvky uživatelského rozhraní bez JavaScriptu.
Vytvoříš si rozbalovací „hamburger” menu, přepínače, záložky, fotogalerii a další. Dozvíš se, jak se o návštěvnících stránky dozvědět co nejvíce informací pomocí analytických nástrojů.
Co se naučíš
- CSS grid – nejnovější techniku pro vytváření layoutu webu
- Metodiky pro psaní CSS (např. nejznámější BEM)
- Organizace souborů v moderním projektu
- Sass, vylepšená „nadstavba” CSS pro rozdělení CSS kódu do malých souborů
- Moderní obrazové formáty a rozdíly mezi nimi
- Animace prvků uživatelského rozhraní
- WAI-ARIA atributy pro přístupnost webu, nejdůležitější zásady (kontrast barev apod.)
- Nástroje pro optimalizaci webu, chyby, které nástroje hlásí a jak je opravit
- Analytické a marketingové nástroje (Google Analytics a Facebook pixel)
Pro koho je kurz určen
- Pro ženy, které si chtějí prohloubit své znalosti HTML/CSS a posunout se ve tvorbě stránek na pokročilejší úroveň a naučit se další technologie
- Absolvovaly HTML a CSS 1, nebo mají pokročilé znalosti (box-model v CS, pozicování v CSS, techniky pro tvorbu layoutu stránek – float a flexbox, responzivní webdesign, umís grafický návrh nakódovat v HTML a CSS)
Jak kurz zakončíš
- Budeš mít min. 70% docházku
- Splníš domácí úkoly