Kurz: Organizace CSS kódu

Napsat hodně CSS kódu není věda. Ale co údržba? Pomůže Stylelint, BEM, ITCSS, SUIT CSS a další nástroje a techniky.

Proč jít na školení?

Možná se poznáváte v některé v následujících situací:

Zdědíte projekt a při pohledu na CSS kód se vám chce skočit z okna.
Něco opravíte a něco jiného vám to rozbije. Chyby se vracejí.
Datově velké styly vám zpomalují načítání stránky.
V organizaci CSS by se vyznal jen Chuck Norris.
V týmu se nedaří nastavit jednotný způsob psaní.
Víte, že !important patří temné straně síly, přesto ho musíte často psát.

Dobrý kód nevznikne bez časové investice, kvalitní organizace týmu a pochopení klienta. Školením ale můžete ušetřit mnoho prvních kroků. Získáte základní sadu znalostí, nástrojů a jejich nastavení, abyste hned mohli začít odstraňovat problémy.

Lektor: Adam Kudrna

Adam je frontend designer, konzultant a lektor na volné noze. Jeho práce se zaměřuje na mentoring a vývoj udržitelného a škálovatelného uživatelského rozhraní pro klienty jako RACOM, PragueBest nebo LMC.

Více o lektorovi

Obsah

Den je koncipován jako přednáška se společnou prací na refaktoringu.

Problémy CSS a jejich řešení
Kaskáda, specificita, globální platnost, nemodularita, blokování vykreslování a další. Jaké problémy přinášejí a jak si s nimi poradit.
Proces zkvalitnění kódu
Pravidla psaní, Stylelint, code review a refaktoring v kontextu stylů.
Kategorizace stylů a organizace souborů
Pojďme rozdělit kód do malých souborů. Ale jak? Metodika ITCSS, její principy a jak ji nasadit.
Psaní komponent
BEM a SUIT CSS. Časté chyby a obvyklé problémy při jejich zavádění.
Utility třídy
Tailwind a další frameworky. Kdy se hodí používat tento přístup? Kombinování s komponentovým přístupem.
Psaní CSS kódu
Sass, LESS, PostCSS a jejich temná strana. Kdy přidat do kódu komentář? Konkrétní nastavení Stylelintu. EditorConfig. Napojení stylů na JavaScript.