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:00-17:00)
Cena za osobu:
8 900,00 Kč (10 769,00 Kč včetně 21% DPH)

Ukázka prostředí a výuky

IT učebna se stoly, počítači s monitory a projekčním plátnem v přední části místnosti.
Jak vypadá prostředí pro prezenční IT kurzy?Školení pořádáme ve vlastních učebnách vybavených moderní výpočetní technikou pro každého účastníka a velkoplošnou projekcí. Každá stanice disponuje výkonným počítačem pro bezproblémové praktické procvičování a prostředí podporuje klid a pohodovou atmosféru během školení.
IT učebna se stoly, počítači s monitory a projekčním plátnem v přední části místnosti.
Potřebuji si na prezenční kurz IT přinést vlastní počítač?Naše učebny jsou kompletně vybavené, takže vlastní notebook nepotřebujete. Na místě na Vás čeká připravený moderní počítač se vším potřebným hardwarem a softwarem pro dané školení.
Vzor certifikátu ICT Pro o úspěšném absolvování IT školení se jménem a podpisem.
Obdržíte po absolvování IT kurzu oficiální osvědčení?Ano, po úspěšném dokončení školení získáte oficiální certifikát ICT Pro potvrzující vaše absolvování a získané technické znalosti. Můžete jej využít pro doložení kvalifikace nebo přiložit ke svému profesnímu profilu.
Pohled na moderní administrativní budovu COMGUARD v Brně na Sochorově ulici.
Kde najdete naše školicí centrum v Brně?Prostory školicího centra ICT Pro s.r.o. se nachází v 1. patře budovy COMGUARD na adrese Sochorova 38 v Brně. Místo na rozhraní Žabovřesk a Komína je snadno dostupné autem i městskou hromadnou dopravou.
Pohled na moderní budovu Opatov Park v Praze na Chodově.
Kde najdete naše školicí centrum v Praze?Prostory školicího centra ICT Pro s.r.o. se nachází v 1. poschodí budovy Opatov Park na adrese Líbalova 1, Praha 11 – Chodov. Místo nabízí pohodlné zázemí pro vaše vzdělávání s výbornou dostupností.
Vybavená kuchyňka s kávovarem, mikrovlnnou troubou, dřezem a poličkami plnými hrnků a sklenic.
Jaké zázemí a občerstvení je pro vás připraveno během přestávek?V našich školicích centrech máte k dispozici plně vybavenou kuchyňku pro pohodlný odpočinek během přestávek. Součástí zázemí je kávovar, mikrovlnná trouba, varná konvice i široký výběr nápojů a občerstvení.
Kávový koutek s automatickým kávovarem, žlutými a bílými hrnky, sklenicemi a sirupy.
Jaké nápojové osvěžení je pro vás připraveno na kurzu?Během celého školení je vám k dispozici nápojový koutek s kávovarem, čaji, sirupy a vodou. Můžete si tak kdykoliv během přestávky dopřát kávu nebo jiný nápoj podle chuti.
Stůl s přichystaným sladkým pečivem, sirupy, dávkovačem vody a sklenicemi pro účastníky školení.
Jaké drobné občerstvení je pro vás v rámci kurzů připraveno?Během přestávek na kurzech je účastníkům k dispozici drobné sladké občerstvení, pečivo a sirupy pro namíchání vlastní limetkové či ovocné limonády. Nechybí ani čerstvá voda a talířky pro pohodlné servírování.
Proutěné košíky naplněné balenými slanými snacky, sladkými sušenkami a tyčinkami.
Mám si na školení ICT Pro brát svačinu?Nemusíte. Během přestávek je pro vás připraven bohatý výběr slaných pochutin i sladkých sušenek a tyčinek. Energie na celodenní soustředění je tak vždy po ruce přímo v prostorách školicího centra.
Venkovní dřevěná terasa s výhledem do zeleně u prosklené budovy školicího centra.
Můžete trávit přestávky během školení na čerstvém vzduchu?Ano, v našem školicím centru je vám k dispozici venkovní terasa. Během přestávek mezi bloky výuky si tak můžete odpočinout na čerstvém vzduchu v příjemném prostředí obklopeném zelení.
Prostorná venkovní dřevěná terasa s posezením a výhledem do okolí u budovy.
Kde si můžete odpočinout během přestávek na školení?V našem školicím centru máte k dispozici prostornou venkovní terasu s posezením. Během přestávek mezi bloky výuky si tak můžete odpočinout a načerpat energii na čerstvém vzduchu.