Logo Vzhůru dolů: Mlátek a želízko Hromadná objednávka – při objednávce ušetříte

Responzivní design

Momentálně není vypsaný žádný veřejný termín. Napište si o nový na skoleni@vzhurudolu.cz.

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.

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

Fotky ze školení

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ů kurzu.

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.

V ceně

Kurz 9:30–17:30 pro 5–16 účastníků.
Podklady a konzultace e-mailem.
Lektor a moderátor.

Slevy

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

Veřejné termíny

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

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

GoPay Mastercard VISA


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

7 let zkušeností

201 školení

2 570 účastníků