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.

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

• Radek Pavlíček, blindfriendly.cz :

  „Kdo se chce naučit tvořit responzivní weby, šupky dupky na školení, které vede @machal - za sebe mohu jen doporučit.“

• Ladislav Suchánek, Slevomat :

  „I když si myslíte, že toho o responsivním webdesignu víte hodně, tohle školení vám přinese řadu zajímavých souvislostí a nový pohled.“

• Lukáš Král, Tiscali Media :

  „Výborné školení pro frontend vývojáře. Přínosné shrnutí všech moderních trendů, pěkně zpracované praktické příklady.“

• Josef Kotva, Česká spořitelna :

  „Školení bylo super, rozhodně nové vědomosti použiji v práci na dalších projektech. V podstatě splnilo mé představy o tom, co bych se chtěl naučit.“

• Jiří Machálek, CZ.NIC :

  „Na konci dne jsem měl pocit, že jsme ten jeden den plně využili a pro uvedení do problematiky stačil.“

• Pavel Hanyš :

  „Mraky užitečných rad, pluginů a pracovních postupů (#less) pro efektivní nasazení responzivního webu na školení od @machal #goodjob“

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.

Navazující školení

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.