vecerni-skola-html-css.md

Večerní škola / HTML + CSS

Přehled výstupních znalostí večerního kurzu. Nejedná se o pořadí, v jakém by se témata probírala.

Základ:

HTML

• struktura webové stránky (head, body), metainformace
• znalost základních HTML elementů (titulky, odstavec, obrázek, odkaz, tabulka, seznamy, div, formulářové prvky)
• sémantika v HTML: povědomí o sémantických elementech (header, footer, section, main, article, ...)

CSS

• způsoby jak vložit do stránky
• pochopení vazby mezi HTML a CSS
• znalost základních vlastností (formátování textu a bloků, display vlastnost)
• pochopení box modelu (margin, padding, border) a vlastnosti position
• CSS jednotky: px, rem, em, % - rozdíly, kdy co použít
• CSS třídy - proč používat, výhody
• kaskáda - specificita, pořadí, důležitost - pochopení kdy má jaká vlastnost přednost
• flexbox - pochopení základního principu, povědomí o možnostech, k čemu použít v praxi
• povědomí o existenci pokročilého formátování (transformace, animace, přechody, stíny, z-index)
• jak psát dobře udržovatelný CSS kód (časté chyby, struktura, best practices)
• CSS preprocesory - základní principy na příkladu SASSu (SCSS), vědět že existují i další (LESS, PostCSS)

Obecně

• jak publikovat stránku na webu
• propojení stránek - relativní/absolutní cesty
• znát zdroje k HTML+CSS a umět je používat (jakpsatweb.cz, dokumentace, ...)
• responsivita - co to je, proč se to řeší, jak se to řeší v CSS/HTML

Témata navíc (dle času a zájmu):

• CSS Grid - vědět že existuje a co přibližně umí
• SVG - k čemu se hodí, jak vložit
• pokročilé CSS jednotky - vh, vw
• základy přístupnosti

Upravil jsem trochu strukturu a doplnil ještě responsivitu, na to jsem úplně zapomněl.

Mě přijde také dobré zmínit i úplné základy (z PX na REM) se dá přeučit během chvilinky. Já se třeba také nejdříve učil na tom, že jsem si psal vlastní gridový systém (columns with floating) i když v té době už existoval Bootstrap. Pak když jsem teprve zjistil jak mi takový framework ušetří život, tak jsem ho ocenil o to více. Pokud jsem si však potřeboval něco poupravit dle vlastních potřeb, tak díky základům jsem věděl jak to celé funguje. Za mě tedy aktuální struktura úplně super. Skvělá práce Luky. :)