jQuery Mobile
Upcoming SlideShare
Loading in...5
×
 

jQuery Mobile

on

  • 33,154 views

jQuery Mobile presentation in Zurich, Switzerland

jQuery Mobile presentation in Zurich, Switzerland

Statistics

Views

Total Views
33,154
Views on SlideShare
31,991
Embed Views
1,163

Actions

Likes
28
Downloads
651
Comments
2

8 Embeds 1,163

http://www.transiq.com 519
http://www.techiegyan.com 450
http://drupaln.consorcio.int 172
http://class2go.auca.kg 12
http://a0.twimg.com 4
http://us-w1.rockmelt.com 3
http://feeds.feedburner.com 2
http://translate.googleusercontent.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

12 of 2

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Here are few jquery mobile apps http://www.amitpatil.me/todo-app-for-iphone-ipad-using-jquery-mobile-and-web-storage/
    Are you sure you want to
    Your message goes here
    Processing…
  • Good
    http://www.slideshare.net/SojoSolutions/socialcam
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    jQuery Mobile jQuery Mobile Presentation Transcript

    • max firtman @firt firt.mobi Zurich, Oct 21 2011Tuesday, November 1, 11
    • DankeTuesday, November 1, 11
    • http://akosma.com http://invisible.ch @akosma @jcfischerTuesday, November 1, 11
    • Learn more?Tuesday, November 1, 11
    • http://mobile-training.chTuesday, November 1, 11
    • m b er ove 17 .N 15 .- http://mobile-training.chTuesday, November 1, 11
    • m b er ove 17 .N 15 .- /op en r/ch d“ o B ir 1400 „ Early HF C http://mobile-training.chTuesday, November 1, 11
    • who am I? mobile+web developer mobilexweb.com blog @firtTuesday, November 1, 11
    • where?Tuesday, November 1, 11
    • where? buenos aires ~ argentinaTuesday, November 1, 11
    • where? buenos aires ~ argentina patagonia football meat & wine tangoTuesday, November 1, 11
    • books Image from my houseTuesday, November 1, 11
    • Tuesday, November 1, 11
    • Using the Latest Today Mobile HTML5 coming soon... Estelle Weyl & Maximiliano Firtman also by @estellevwTuesday, November 1, 11
    • Tuesday, November 1, 11
    • you have a question for meTuesday, November 1, 11
    • the answer is noTuesday, November 1, 11
    • why mobile?Tuesday, November 1, 11
    • 2015 is coming...Tuesday, November 1, 11
    • Tuesday, November 1, 11
    • mobile devices are our flying carsTuesday, November 1, 11
    • mobile is more about usersTuesday, November 1, 11
    • mobileTuesday, November 1, 11
    • mobile ‣ absolutely personalTuesday, November 1, 11
    • mobile ‣ absolutely personal ‣ +5 billionsTuesday, November 1, 11
    • mobile ‣ absolutely personal ‣ +5 billions ‣ will be the 1st browsing device... soonTuesday, November 1, 11
    • mobile ‣ absolutely personal ‣ +5 billions ‣ will be the 1st browsing device... soon ‣ make us focusTuesday, November 1, 11
    • mobile ‣ absolutely personal ‣ +5 billions ‣ will be the 1st browsing device... soon ‣ make us focus ‣ read our context...Tuesday, November 1, 11
    • mobile ‣ absolutely personal ‣ +5 billions ‣ will be the 1st browsing device... soon ‣ make us focus ‣ read our context... ‣ ... always...Tuesday, November 1, 11
    • mobile ‣ absolutely personal ‣ +5 billions ‣ will be the 1st browsing device... soon ‣ make us focus ‣ read our context... ‣ ... always... ‣ ... and everywhere.Tuesday, November 1, 11
    • then... what is the problem?Tuesday, November 1, 11
    • mobile is a minefield Photo by World of Good (Flickr) Malvinas / Falklands IslandsTuesday, November 1, 11
    • lots of questions Photo by wayneandwax (Flickr)Tuesday, November 1, 11
    • we need to learn lots of questionsTuesday, November 1, 11
    • lots of platformsTuesday, November 1, 11
    • mobile web appearsTuesday, November 1, 11
    • native vs webTuesday, November 1, 11
    • WAIT!Tuesday, November 1, 11
    • Are you sure?Tuesday, November 1, 11
    • native code vs javascriptTuesday, November 1, 11
    • browser vs installed apps & storesTuesday, November 1, 11
    • lack of definitionsTuesday, November 1, 11
    • when we say mobile webTuesday, November 1, 11
    • when we say mobile web from a developer’s perspective it’s using HTML, CSS and JavaScript to develop mobile appsTuesday, November 1, 11
    • when we say mobile web from a developer’s perspective it’s using HTML, CSS and JavaScript to develop mobile apps (browser or installed)Tuesday, November 1, 11
    • what are the problems with mobile web?Tuesday, November 1, 11
    • we are second class producersTuesday, November 1, 11
    • Testing & debuggingTuesday, November 1, 11
    • Standards!Tuesday, November 1, 11
    • Photo by Ben Millett (Flickr)Tuesday, November 1, 11
    • Tuesday, November 1, 11
    • Are you sure? Photo by Ricky David (Flickr)Tuesday, November 1, 11
    • What is ?Tuesday, November 1, 11
    • html5Tuesday, November 1, 11
    • html5 ‣ w3c standards (all in draft)Tuesday, November 1, 11
    • html5 ‣ w3c standards (all in draft) ‣ some are other w3c standardsTuesday, November 1, 11
    • html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards ‣ de-facto standardsTuesday, November 1, 11
    • html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards ‣ de-facto standards ‣ w3c ex-standardsTuesday, November 1, 11
    • html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards ‣ de-facto standards ‣ w3c ex-standards ‣ everything “new” on the webTuesday, November 1, 11
    • mobile browsersTuesday, November 1, 11
    • mobile browsers ‣ too manyTuesday, November 1, 11
    • mobile browsers ‣ too many ‣ (some) too limitedTuesday, November 1, 11
    • mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovativeTuesday, November 1, 11
    • mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative ‣ (some) proxy basedTuesday, November 1, 11
    • mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative ‣ (some) proxy based ‣ (most) without documentationTuesday, November 1, 11
    • mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative ‣ (some) proxy based ‣ (most) without documentation ‣ (most) without a nameTuesday, November 1, 11
    • mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative ‣ (some) proxy based ‣ (most) without documentation ‣ (most) without a name ‣ (most) without debugging toolsTuesday, November 1, 11
    • mobile browsersTuesday, November 1, 11
    • mobile browsers ‣ (some) focus-basedTuesday, November 1, 11
    • mobile browsers ‣ (some) focus-based ‣ (some) cursor-basedTuesday, November 1, 11
    • mobile browsers ‣ (some) focus-based ‣ (some) cursor-based ‣ (some) touch-basedTuesday, November 1, 11
    • mobile browsers ‣ (some) focus-based ‣ (some) cursor-based ‣ (some) touch-based ‣ (some) multitouch-basedTuesday, November 1, 11
    • mobile browsers ‣ (some) focus-based ‣ (some) cursor-based ‣ (some) touch-based ‣ (some) multitouch-based ‣ (some) with zooming supportTuesday, November 1, 11
    • mobile browsers ‣ (some) focus-based ‣ (some) cursor-based ‣ (some) touch-based ‣ (some) multitouch-based ‣ (some) with zooming support ‣ (most) unknown for web devsTuesday, November 1, 11
    • jQuery mobileTuesday, November 1, 11
    • what is ... ?Tuesday, November 1, 11
    • what is not ...?Tuesday, November 1, 11
    • jQuery mobile is not...Tuesday, November 1, 11
    • jQuery mobile is not... ‣ alternative mobile jQuery frameworkTuesday, November 1, 11
    • jQuery mobile is not... ‣ alternative mobile jQuery framework ‣ SDK for native/hybrid compilationTuesday, November 1, 11
    • jQuery mobile is not... ‣ alternative mobile jQuery framework ‣ SDK for native/hybrid compilation ‣ a framework for doing all using JSTuesday, November 1, 11
    • jQuery mobile is not... ‣ alternative mobile jQuery framework ‣ SDK for native/hybrid compilation ‣ a framework for doing all using JS ‣ the solution for every appTuesday, November 1, 11
    • jQuery mobile is...Tuesday, November 1, 11
    • jQuery mobile is... a cross-platform UI framework for creating webapps for touch-enabled smartphones and tabletsTuesday, November 1, 11
    • webapp?Tuesday, November 1, 11
    • a webapp can be...Tuesday, November 1, 11
    • a webapp can be... ‣ a website or service based on the browserTuesday, November 1, 11
    • a webapp can be... ‣ a website or service based on the browser ‣ a full-screen (chromeless) app on the browserTuesday, November 1, 11
    • a webapp can be... ‣ a website or service based on the browser ‣ a full-screen (chromeless) app on the browser ‣ a hybrid -native app through stores-Tuesday, November 1, 11
    • why jQuery mobile?Tuesday, November 1, 11
    • Tuesday, November 1, 11
    • Tuesday, November 1, 11
    • typeof html5 != booleanTuesday, November 1, 11
    • featuresTuesday, November 1, 11
    • featuresTuesday, November 1, 11
    • features ‣ non-intrusive semantic html5 codeTuesday, November 1, 11
    • features ‣ non-intrusive semantic html5 code ‣ open sourcedTuesday, November 1, 11
    • features ‣ non-intrusive semantic html5 code ‣ open sourced ‣ lightweightTuesday, November 1, 11
    • features ‣ non-intrusive semantic html5 code ‣ open sourced ‣ lightweight ‣ multiplatform with progressive enhancementTuesday, November 1, 11
    • features ‣ non-intrusive semantic html5 code ‣ open sourced ‣ lightweight ‣ multiplatform with progressive enhancement ‣ accessibility supportTuesday, November 1, 11
    • features ‣ non-intrusive semantic html5 code ‣ open sourced ‣ lightweight ‣ multiplatform with progressive enhancement ‣ accessibility support ‣ customizableTuesday, November 1, 11
    • features ‣ non-intrusive semantic html5 code ‣ open sourced ‣ lightweight ‣ multiplatform with progressive enhancement ‣ accessibility support ‣ customizable ‣ includes javascript apiTuesday, November 1, 11
    • you don’t need to knowTuesday, November 1, 11
    • you don’t need to know ‣ html5Tuesday, November 1, 11
    • you don’t need to know ‣ html5 ‣ css 3Tuesday, November 1, 11
    • you don’t need to know ‣ html5 ‣ css 3 ‣ javascriptTuesday, November 1, 11
    • you don’t need to know ‣ html5 ‣ css 3 ‣ javascript ‣ jQueryTuesday, November 1, 11
    • you don’t need to know ‣ html5 ‣ css 3 ‣ javascript ‣ jQuery but... you should :)Tuesday, November 1, 11
    • Tuesday, November 1, 11
    • Tuesday, November 1, 11
    • what do we need?Tuesday, November 1, 11
    • what do we need?Tuesday, November 1, 11
    • what do we need? ‣ a text editorTuesday, November 1, 11
    • what do we need? ‣ a text editor ‣ a browserTuesday, November 1, 11
    • what do we need? ‣ a text editor ‣ a browser ‣ and the framework?Tuesday, November 1, 11
    • what do we need? ‣ a text editor ‣ a browser ‣ and the framework? ‣ and hybrid compilers?Tuesday, November 1, 11
    • what do we need? ‣ a text editor ‣ a browser ‣ and the framework? ‣ and hybrid compilers? ‣ and emulators and simulators?Tuesday, November 1, 11
    • what do we need? ‣ a text editor ‣ a browser and the framework? ‣ ‣ and hybrid compilers? ‣ and emulators and simulators? www.mobilexweb.com/emulatorsTuesday, November 1, 11
    • warning!Tuesday, November 1, 11
    • still not stableTuesday, November 1, 11
    • but near...Tuesday, November 1, 11
    • Tuesday, November 1, 11
    • compatibility rc2Tuesday, November 1, 11
    • compatibilityTuesday, November 1, 11
    • compatibility ‣ iOS ‣ Android ‣ BlackBerry >= 5.0 ‣ Symbian touch ‣ HP webOS ‣ Windows Phone ‣ Opera Mini, Opera Mobile, Firefox ‣ Bada, Meego, Kindle 3+, ... ‣ Others?Tuesday, November 1, 11
    • the frameworkTuesday, November 1, 11
    • the framework todayTuesday, November 1, 11
    • the framework today ‣ a javascript fileTuesday, November 1, 11
    • the framework today ‣ a javascript file ‣ a css file and a group of imagesTuesday, November 1, 11
    • the framework today ‣ a javascript file ‣ a css file and a group of images ‣ self-hostedTuesday, November 1, 11
    • the framework today ‣ a javascript file ‣ a css file and a group of images ‣ self-hosted ‣ CDN - “stable” versionsTuesday, November 1, 11
    • the framework today ‣ a javascript file ‣ a css file and a group of images ‣ self-hosted ‣ CDN - “stable” versions ‣ CDN - latest versionsTuesday, November 1, 11
    • the framework tomorrowTuesday, November 1, 11
    • the framework tomorrow ‣ a custom javascript fileTuesday, November 1, 11
    • the framework tomorrow ‣ a custom javascript file ‣ a base css fileTuesday, November 1, 11
    • the framework tomorrow ‣ a custom javascript file ‣ a base css file ‣ a theme css file and a group of imagesTuesday, November 1, 11
    • Tuesday, November 1, 11
    • Tuesday, November 1, 11
    • <div data-role="page" id="page1"> <div data-role="header"> <h1>Header</h1> </div> <div data-role="content"> <a href="#page2" data-role="button">Go to page 2</a> </div> <div data-role="footer"> <h4>Footer</h4> </div> </div>Tuesday, November 1, 11
    • <div data-role="page" id="page1"> <div data-role="header"> <h1>Header</h1> </div> <div data-role="content"> <a href="#page2" data-role="button">Go to page 2</a> </div> <div data-role="footer"> <h4>Footer</h4> </div> </div>Tuesday, November 1, 11
    • <div data-role="content"> <ul data-role="listview"> <li>iPhone <li>Android <li>BlackBerry <li>Symbian <li>webOS <li>MeeGo <li>Bada </ul> </div>Tuesday, November 1, 11
    • <div data-role="content"> <ul data-role="listview"> <li>iPhone <li>Android <li>BlackBerry <li>Symbian <li>webOS <li>MeeGo <li>Bada </ul> </div>Tuesday, November 1, 11
    • featuresTuesday, November 1, 11
    • features ‣ fixed toolbarsTuesday, November 1, 11
    • features ‣ fixed toolbars ‣ list, content and form rich controlsTuesday, November 1, 11
    • features ‣ fixed toolbars ‣ list, content and form rich controls ‣ theming and color swatchesTuesday, November 1, 11
    • features ‣ fixed toolbars ‣ list, content and form rich controls ‣ theming and color swatches ‣ transitionsTuesday, November 1, 11
    • features ‣ fixed toolbars ‣ list, content and form rich controls ‣ theming and color swatches ‣ transitions ‣ ajaxTuesday, November 1, 11
    • Icon Description value Info (i) info Home icon home Search icon searchTuesday, November 1, 11
    • Tuesday, November 1, 11
    • advanced topicsTuesday, November 1, 11
    • advanced topics ‣ using javascript for loading contentTuesday, November 1, 11
    • advanced topics ‣ using javascript for loading content ‣ theming and customizationTuesday, November 1, 11
    • advanced topics ‣ using javascript for loading content ‣ theming and customization ‣ styling for non-compatible devicesTuesday, November 1, 11
    • advanced topics ‣ using javascript for loading content ‣ theming and customization ‣ styling for non-compatible devices ‣ javascript api & eventsTuesday, November 1, 11
    • advanced topics ‣ using javascript for loading content ‣ theming and customization ‣ styling for non-compatible devices ‣ javascript api & events ‣ html5 (geolocation, offline storage, offline access, accelerometer)Tuesday, November 1, 11
    • you can reach a good thank you! experience firt.mobi twitter: @firt mobilexweb.com https://www.ch-open.ch/auswertung/ Pictures)from)freedigitalphotos.net)Tuesday, November 1, 11