Kurz: Responzivní design

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

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

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í

Oblíbený kurz

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.