CSS grid, flexbox a zarovnávání na příkladech. Poznejte přínosy a principy nových možností rozvržení v CSS.
Čtyři nové CSS moduly, zaměřené na tvorbu rozvržení stránek komponent zvýší vaši efektivitu a přinesou zcela nové možnosti.
Na půldenním online školení získáte robustní základy znalostí těchto komplexních modulů specifikace CSS. Vše si vyzkoušíte, takže budete moci používat hned druhý den v práci.
Obsah školení
Ve čtyřech blocích prostřídáme teorii s praktickým kódováním příkladů.
- CSS grid a flexbox
Proč používat oba layouty. K čemu je který vhodný. Úvod do nejdůležitějších vlastností. Jak s Internet Explorerem? - Příklady CSS grid a flexbox
Nakódujme si několik ukázek s layouty, které jsou často používané. Zamyslíme se, které řešení je nejvhodnější. - CSS Box Alignment, Multicolumn atd.
Bez zarovnávání boxů nemůžeme žádný layout udělat. V čem se liší podpora pro grid a flexbox. CSS Multicolumn je opomíjený, ale pro některé layouty velmi vhodný systém. Podíváme se i na nové funkce jako minmax(), clamp() a další, zamyslíme se nad Container Queries. - Příklady
Nakódujeme si několik příkladů na základě teorie získané v předchozím bloku, porovnáme a prodiskutujeme řešení.
Na konci školení dostanete prezentaci plnou odkazů, schémat fungování a sadu příkladů ke zkoušení.
Je to pro mě?
Začínající a středně pokročilí
Školení je určeno profesionálním webovým vývojářům a vývojářkám, kteří potřebují rozšířit znalosti nových systémů layoutů v CSS.
Co potřebuji?
Doporučujeme mít nainstalovanou aplikaci Zoom. Detailní instrukce dorazí účastníkům v instrukcích e-mailem týden před školením.
Lektor: Martin Michálek
Martin je konzultant rychlosti webu s více než dvacetiletou praxí vývojáře a nadšením pro moderní frontend. Autor blogu Vzhůru dolů a tří e-booků.
