Rubrika jQuery

Celkem 5 článků

Zobrazit všechny články


jQuery MobileNedávno byla konečně uveřejněna první oficiální verze mobilního frameworku jQuery Mobile založeném na HTML5. S jeho pomocí je možné vytvářet interaktivní webové aplikace pro mobilní zařízení - především pro chytré telefony a tablety. Díky veliké oblíbě JavaScriptového frameworku jQuery je možné brzy očekávat vytvoření mnoha mobilních aplikací postavených právě na jQuery Mobile.

Tento framework se, díky vlastnostem, skvěle hodí i pro vytváření funkčních prototypů mobilních aplikací. Sice je potřeba trochu programování a podpora webového serveru, ale v zásadě stačí znalost HTML5, CSS3 a právě jQuery.


V prvním díle o jQuery selektorech jsem představil základní možnosti selektorů a definoval jsem, co vlastně selektory jsou a jak silný nástroj to v případě jQuery je. Ukázky jsem demonstroval na vlastních příkladech, aby byla jejich funkčnost a použití jasnější.

jQuery logoV tomto díle bych rád navázal na možnosti jQuery selektorů, jejich typy a možnosti jejich použití. JQuery, jak jsem zmiňoval i v předchozím díle, nabízí opravdu silné nástroje pro práci se selektory a v tomto díle ukáži, že je možné vybírat elementy i na základě jejich obsahu, což může být bez použití JavaScriptového frameworku (v našem případě jQuery), značně obtížné.

Připravil jsem také další ukázku všech selektorů, které zde budu popisovat. V jednotlivých kapitolách je možné si zobrazit ukázku přímo pro danou kategorii, nebo si můžete celou ukázku jQuery - selektory 2. díl zvlášť.


logo jQuery Setkali jste se někdy s problémem, jak odlišit některý HTML element na vaší stránce, aniž by jste museli upravit váš text a rozšířit tak požadovaně např. soubor se styly? Ono to ve skutečnosti není potřeba a je možné využít pro tuto potřebu JavaScriptu, např. JavaScriptového frameworku jQuery.

Jistě není třeba představovat tento velice oblíbený framework. Je opravdu snadno použitelný, má kvalitně zpracovanou dokumentaci a na internetu je možné nalézt mnoho příkladů pro jeho použití. Pokud tento framework neznáte či jste se ještě nerozhodli pro jeho používání, následující článek vám ukáže některé jedno z jeho silných vlastností.


Nedávno byl představen (i já jsem o této události informoval) nový JavaScriptový framework určený a optimalizovaný pro mobilní zařízení s dotykovou obrazovkou. Jmenuje se jQuery Mobile a přinesl do světa mobilních webových aplikací mnoho zajímavého a já se pokusím představit některé z jeho možností.

Hlavním cílem je optimalizované JavaScriptové jádro pro mobilní zařízení s dotykovou obrazovkou, pro které se jQuery Mobile snaží přivést jednotné uživatelské rozhraní. Právě velký bům způsobilo oznámení celkového počtu testovaných zařízení a operačních systémů, jmenovitě iOS, Android, BlackBerry, Bada, Windows Phone, palm webOS, Symbian nebo MeeGo.

Sada testovacíh přístrojů pro vývoj frameworku
Sada testovacích mobílních zařízení pro vývoj jQuery Mobile

Nebyl to však systém, ale mobilní prohlížeč, na který se jQuery Mobile tým zaměřil a vybrali ty, které mají nějaké možnosti (co se týče funkčnosti) a určité zastoupení na trhu. Sem patří nejen nativní prohlížeče samotných operačních systémů (např. Safari z iOS), ale např. i Opera Mini, Opera Mobile nebo Phonegap. Osobně jsem jej testoval právě v Safari a Opeře Mobile, kde webová aplikace fungovala náramně. Testoval jsem jej také v jednom WebKit J2ME prohlížeči, kde se však objevily některé problémy s přechodem obsahu.

Pokud by byla řeč o JavaScriptových frameworcích nebo JavaScriptových knihovnách, jQuery Mobile není první a jistě ani poslední. Známé jsou například Sencha Touch nebo JQTouch (jQuery plugin pro mobilní vývoj). jQuery tým se však zaměřil především no optimalizaci funkčnosti a možností zařízení s dotekovou obrazovkou a snažil se vybudovat samostatný, rychlý a snadno použitelný framework. Povedlo se jim to?



Michal Maňák

Jmenuji se Michal Maňák, jsem interaction designer a ux specialista.

Pracuji ve společnosti GoodData.