Logo Vzhůru dolů: Mlátek a želízko

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í

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.

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

Veřejné termíny

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

Jiný termín nebo firemní školení?
skoleni@vzhurudolu.cz

GoPay Mastercard VISA

Podmínky školení

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

5 let zkušeností

100 školení

1 000 účastníků

…a hektolitry vypité kávy.

6 důvodů, proč jít na naše školení