Responzivní design


⚠️ Pozor, školení ze Vzhůru dolů již nenabízíme.
Můžete se zdarma podívat na záznamy našich webinářů nebo si objednat školení rychlosti webu na PageSpeed.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.

⚠️ Toto školení nyní není v naší nabídce.
Podívejte se na další naše kurzy nebo videa.

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.

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

Š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í

V ceně

Slevy

Veřejné termíny

Kurz momentálně nemá vypsané žádné termíny.

Objednejte více videí a školení na jednu fakturu a se slevou 10 %.

GoPay Mastercard VISA


Proč jít na kurzy Vzhůru dolů?

11 let zkušeností

211 školení

2 840 účastníků