Hlavní navigace
Toto školení již proběhlo. Podívejte se na připravovaná školení.

Víte, že Novinky.cz  navštěvuje až čtvrtina lidí z telefonů? Ano, mobilní webdesign je velké téma už i v Česku. Pojďte se ho naučit jako jedni z prvních.

V roce 2011 se na světě poprvé prodalo více smartphonů než počítačů. Tím ale mobilní revoluce teprve začala. Tisíce lidí si malé revolucionáře denně vytahují z kapsy aby jim pomohli najít jízdní řád, program kina nebo jen zabít čas s Angry Birds.

A co čert nechtěl — lidé skrze ty malé průzory navštěvují naše weby. Důsledek? My webaři se dnes už neptáme Proč myslet na mobilní uživatele. Zajímá nás především Jak.

Co se na školení naučíte

Kurz vás během dne provede změnami, které s nástupem smartphonů a tabletů musíte aplikovat na uvažování o tvorbě webů. Nejdůležitější technické nástroje a vědomosti si vyzkoušíte v praxi.

Lektor ve vývojářské praxi pomáhal vytvářet několik mobilních projektů (mobilní Scuk.cz, responzivní homepage České televize, Snowkidz). Výklad bude doplňován zkušenostmi z praxe.

Potřebné znalosti účastníka

Stačí Vám základní znalost HTML a CSS a klidně jen malá praxe s vývojem webů. Učebna je vybavená počítači, ale vlastní notebook s vývojářským prostředím usnadní adaptaci probíraných témat. Veškerý materiál dostanete e-mailem po skončení školení.

Náplň školení

  • Mobilní ekosystém
    Aktuální statistiky, typy zařízení, charakteristika nejpoužívanějších zařízení a prohlížečů, technické novinky jako displeje typu Retina nebo dotyková gesta. Jak se s nimi my webaři vypořádáme? Kde statistiky hledat a jak měřit návštěvy z mobilů na svých webech?
  • Appku, extra mobilní nebo responzivní web?
    Odvěký brouk v hlavě mobilního vývojáře. Ukážeme si silné a slabé stránky všech možností. A pár příkladů, dobrých i špatných.
  • Mobile First
    V čem je tahle filozofie zajímavá a jak vám může pomoci?
  • Technické základy mobilního webdesignu
    Není to jen <meta name=”viewport”> v HTML a media queries v CSS. Mrkneme se krátce i na jQueryMobile.
  • Responzivní webdesign
    Flexibilní mřížka, media queries. Jak je to s obrázky a dalšími médii? Vyzkoušíme v praxi.
  • RESS a serverová detekce
    Klasický responzivní webdesign nemusí stačit. Dříve či později narazíme na nutnost detekovat zařízení nebo alespoň jeho typ na serveru. Proč a jak na to?
  • Rychlost načítání
    Proč je na mobilech tak zásadní a jak vlastně zrychlit?
  • Nástroje
    Respond.js, Mobile Boilerplate, Retina.js a další užitečnosti.
  • Testování, debugování
    Jaké zařízení si pořídit nebo alespoň jak si nastavit simulátory a emulátory. Zkusíme si vzdálené debugování.

Délka školení

9:00-17:00

Co je v ceně školení 

  • certifikát absolventa školení
  • elektronické, příp. tištěné materiály a podklady 
  • oběd v restauraci, teplé i studené nápoje po celý den