HTML5 a CSS3 pro pokročilé – Moderní kódování webu (HTML5)

Programování, HTML, CSS, PHP

Kurz poskytuje praktické dovednosti pro moderní kódování webu se zaměřením na aktuální možnosti HTML5 a CSS3, responzivitu a efektivní organizaci stylů. Účastníci si osvojí flexibilní layouty, nové CSS jednotky, SVG a způsoby ladění a testování v reálných podmínkách.

Součástí jsou pracovní postupy a automatizace – práce s preprocesory (Sass), nástroji pro build a automatizaci (Gulp, NPM), optimalizace rychlosti načítání a zásady přístupnosti (WAI‑ARIA) doplněné o praktické příklady a refaktoring CSS.

TOTO ŠKOLENÍ VÁM POMŮŽE:

  • Seznámit se s pokročilými prvky HTML5 a jejich praktickým nasazením
  • Ovládat CSS3 techniky včetně Flexboxu, Gridu a nových jednotek (rem, vh, vw)
  • Navrhovat a implementovat responzivní rozhraní a správu obrazových zdrojů (srcset, sizes)
  • Využívat preprocesory (Sass) a automatizovat workflow pomocí Gulp/Grunt/NPM
  • Zlepšit strukturu a údržbu CSS pomocí ITCSS, SMACSS a metodik jako BEM
  • Zrychlit načítání stránek, měřit výkon a aplikovat loading/preloading strategie
  • Zajistit základní přístupnost pomocí WAI-ARIA a best practices

KDO BY SE MĚL KURZU ZÚČASTNIT?

  • Front-end vývojáři
  • Weboví designéři pracující s kódem
  • Full-stack vývojáři s front-end povinnostmi
  • QA a testeři UI/UX
  • DevOps a build inženýři řešící front-end workflow

KDE A KDY KURZ PROBÍHÁ?



Privátní školení

Tento kurz není vypisován v otevřených termínech pro veřejnost.
Realizujeme jej výhradně jako školení na klíč, pro které může být zde uvedená osnova inspirací. Finální obsah, časový rozsah, termíny i forma realizace jsou vždy přizpůsobeny konkrétním požadavkům zadavatele. Školit můžeme také v angličtině.

Poptat kurz na míru

Náplň kurzu:

Skrýt detaily
  • HTML 5
    1. Rozdíly od verze 4
    2. Praktické nasazení
  • CSS3
    1. Nové jednotky (rem, vh, vw)
    2. CSS Flex a Grid - využití, rozdíl, podpora
    3. Priorita CSS pravidel, kaskáda
    4. Úvod do SVG
    5. Organizace CSS ve větších projektech (ITCSS, SMACSS)
    6. Systémy zápisu (BEM, OOCSS), kombinace např. s Bootstrapem
    7. Jak na refaktoring v CSS
    8. Hledání chyb v CSS, testování – developer tools, Browserstack, git flow
  • Responsivita
    1. Základy fungování a vysvětlení proč responzivitu řešit
    2. Responsivní obrázky (SRCSET, SIZES), problémy
    3. Media queries, breakpointy, mobile-first přístup
  • Preprocesory - k čemu slouží, rozdíly, způsob implementace
    1. SASS – proměnné, cykly, vnoření, mixiny
    2. Automatizace – Gulp, Grunt, NPM
    3. LESS, PostCSS – jak se liší od SASSu
  • Rychlost načítání
    1. Jak se načítá stránka - metriky (jak měřit)
    2. Loading, preloading
  • Přístupnost webových stránek: WAI-ARIA, zásady a best practices, testování
Časový rozvrh:
2 dny (9:00hod. - 17:00hod.)
Cena za osobu:
8 900,00 Kč (10 769,00 Kč včetně 21% DPH)

Vybrané zákaznické reference

NETIA, s.r.o., Vlastimil S.
HTML5 a CSS3 pro pokročilé – Moderní kódování webu ( HTML5)
"Naprostá spokojenost."
Cominfo, a.s., Michal C.
HTML5 a CSS3 pro pokročilé – Moderní kódování webu ( HTML5)
"Mám podklady + poznámky na další měsíc zpracovávání :-)"
Cominfo, a.s., Robin F.
HTML5 a CSS3 pro pokročilé – Moderní kódování webu ( HTML5)
"Není co dodat, kurz byl prostě vynikající po všech stránkách."
Česká správa sociálního zabezpečení, Jan V.
HTML5 a CSS3 pro pokročilé – Moderní kódování webu ( HTML5)
"Velmi zajímavé. Osobně mnohé informace využiji v praxi. Některá témata by byla na delší a podrobnější rozebrání. "
Česká správa sociálního zabezpečení, Nikola Š.
HTML5 a CSS3 pro pokročilé – Moderní kódování webu ( HTML5)
"Bylo to velice poučné. Na začátku jsem sem přišla s tím, že nevím prakticky nic a nakonec odcházím s pocitem, že mám důvod se něčemu věnovat. Moc mě to bavilo a lektor byl velice vstřícný a musím i říct, že byl i dost trpělivý. Se mnou to nebývá lehké a tak mu moc děkuji za všechno co mi předal. "
Kooperativa pojišťovna, a.s., Vienna Insurance Group, Filip V.
HTML5 a CSS3 pro pokročilé – Moderní kódování webu ( HTML5)
"Školení proběhlo naprosto bez problémů, školitel byl ochotný a připravený zodpovídat na naše otázky."
CYRRUS, a.s., Luboš F.
HTML5 a CSS3 pro pokročilé – Moderní kódování webu ( HTML5)
"Skoleni nam bylo priszpusobeno na miru, proto bylo naprosto vyhovujici, ocenuji predevcim novinky v oblasti html css vcetne pohledu do budoucnosti. Take si cenime toho ze nam po skoleni zustanou realne podklady ze skoleni - realne priklady a ukazky... Lektoro p. Svobodu hodnotim na 1 - skvele dokaze popsat a vysvetlit latku, mel spoustu prikladu a tempo prizpusoboval nasim potrebam. "
CYRRUS, a.s., Daniel D.
HTML5 a CSS3 pro pokročilé – Moderní kódování webu ( HTML5)
"Líbilo se mi: - probrané technologie nejvíc css grid a flexbox, sass. - možnost zpětně prohlédnout stujidní materiály. Celkově jsem rád za školení."
První certifikační autorita, a.s., Aneta P.
HTML5 a CSS3 pro pokročilé – Moderní kódování webu ( HTML5)
"Školení jsem se účastníla online. Naprosto naplnilo všechna moje očekávání. Velmi jsem ocenila zaměření hlavně na CSS. Dozvěděla jsem se spoustu nových věcí, které jistě při své práci využiju. Velkým plusem byla také jak lektorova odbornost a přehled v aktuálně používaných metodách, tak i ochota vysvětlit problematiku, pomoci s řešením praktických problémů. Celkově jsem s kurzem velice spokojená."
Home Credit a.s., Dominik M.
HTML5 a CSS3 pro pokročilé – Moderní kódování webu ( HTML5)
"Lukáš Svoboda výborný prístup, veľmi príjemná atmosféra celého školenia. Dobre vystavané školenie v mnohých bodoch užitočné do praxe. Milo ma prekvapilo aj ICT svojím zázemím, určite si ešte nejaké školenie vyhliadnem."
O2 Czech Republic a.s., Jaromír H.
HTML5 a CSS3 pro pokročilé – Moderní kódování webu ( HTML5)
"Velký přehled školitele"