Přijďte probrat principy, které s nástupem smartphonů a tabletů změnily tvorbu webů. Vezmeme to pořádně do hloubky a vše si vyzkoušíte.

Mobilní zařízení už překročily hranici dvacetiprocentního podílu v přístupech na české weby. Vy se na tomto školení naučíte jak dělat weby, které se přizpůsobují chytrým telefonům, tabletům, ale i třeba i velkým monitorům.

Pro koho?

Primárně pro profesionální webové vývojáře, ale také pro grafiky a designéry, kteří chtějí poznat technické principy za responzivním designem.

Co potřebujete?

Znalost HTML a CSS. Vezměte si vlastní laptop. Školení zvládnete i s blokem a tužkou, ale nic si pořádně nevyzkoušíte.

Martin Michálek

Lektor: Martin Michálek

Frontend designér s téměř dvacetiletou praxí a nadšením pro moderní technologie. S responzivním řešením Martin pomáhal značkám jako Česká televize, Webmium nebo nyní VašeČočky.cz.
Více o lektorovi

Obsah

  • Mobilní ekosystém
    Charakteristika a trendy prohlížečů a zařízení.
  • Koncepty mobilních prohlížečů
    Viewport, device-pixel-ratio a jejich opomíjená úskalí.
  • Responzivní typografie
    Pravidla, ze kterých by měl vycházet layout. Jednotky rem nebo vw.
  • Responzivní média
    Možnosti řešení obrázků, atributy <img srcset sizes>, nový tag <picture>. Jak na embedovaný obsah z Youtube, Google Maps?
  • Typy layoutu
    Mřížka, flexibilní layout, hybridní layout. CSS3 Multicolumn nebo flexbox.
  • Media Queries
    Dotazy na šířku a výšku. Jaké se v nich dělají chyby?
  • Testování, debugování
    Jaké zařízení si pořídit a jak na simulátory a emulátory?

Čas je vyhrazen i na tipy a triky, které se jinam nevešly. Během školení bude nebudeme šetřit zkušenostmi z praxe lektora.

Kurz je koncipován jako praktický workshop. Důraz je kladen na vyzkoušení většiny nástrojů a postupů na kódovaném příkladu.

Spokojení účastníci

Naučíte se právě ty vychytávky, které oddělují standardní web od toho výborně udělaného.

Michal Marek 13. října 2016

Výborné školení, spousta nových nástrojů a postupů, pohodová atmosféra.

Miroslav Maléř, Instar 5. května 2016

Školení mohu směle doporučit nejen začátečníkům s responzivním designem, ale i velmi pokročilým. Martin ze svého workflow (a že má co ukázat) ukáže opravdu hodně.

Radomír Panna, OvaCloud 11. února 2016

Kdo se chce naučit tvořit responzivní weby, šupky dupky na školení, které vede @machal - za sebe mohu jen doporučit.

Radek Pavlíček, blindfriendly.cz 16. září 2014

Výborné školení pro frontend vývojáře. Přínosné shrnutí všech moderních trendů, pěkně zpracované praktické příklady.

Lukáš Král, Tiscali Media 9. září 2014

Další hodnocení

Během posledních tří let se na veřejných školení responzivního designu vzdělávali například lidé z firem Lundegaard, ČSOB, Město Plzeň, Intraworlds nebo Trask Solutions.

Znalosti získané na školení dále rozvíjí kurz Optimalizace rychlosti načítání nebo Bootstrap.

Na druhé a další školení dostanete desetiprocentní slevu.

Místo konání

Konferenční centrum GreenPoint je klidné místo uprostřed zahrady.
Dopravně dobře dostupné metrem na Skalku, tramvají (i z Hlavního nádraží) a s možností parkování.
Adresa: Dvouletky 529/42, Praha 10.

Konferenční centrum Grenpoint
Konferenční centrum Grenpoint
Konferenční centrum Grenpoint
Konferenční centrum Grenpoint
Konferenční centrum Grenpoint
Konferenční centrum Grenpoint

V ceně

Kurz 9:30–17:30 pro 5–15 účastníků.
Oběd a občerstvení během dne.
Konzultace e-mailem od lektora.

Slevy

Platí vždy jedna, ta vyšší:
20 % pro nepodnikající studenty.
10 % pro účasníky předchozích školení.

Kurz momentálně nemá vypsané žádné termíny.
Pokud chcete být o nových termínech informování nebo si přejete kurz uspořádat ve vaší firmě, napište mi na martin@vzhurudolu.cz.