Kurz: Responzivní design

Na veřejné termíny kurzu není momentálně možné se přihlásit.
Pokud si jej přejete uspořádat ve vaší firmě, napište mi na skoleni@vzhurudolu.cz.

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.

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.

Průměrné hodnocení 4,77 z 5 hvězdiček.
Na základě 22 hodnocení od 52 účastníků.

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

Skloubení teorie a následného nakódování velmi pomáhá v pochopení daného tématu.

Pavel Konečný, Baader Computer – 11. února 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