SlideShare a Scribd company logo
1 of 157
Download to read offline
max firtman
                                                @firt firt.mobi

                          Zurich, Oct 21 2011



Tuesday, November 1, 11
Danke




Tuesday, November 1, 11
http://akosma.com      http://invisible.ch

                          @akosma      @jcfischer




Tuesday, November 1, 11
Learn more?



Tuesday, November 1, 11
http://mobile-training.ch
Tuesday, November 1, 11
m b er
                                       ove
                                  17 .N
                          15 .-



                           http://mobile-training.ch
Tuesday, 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.ch
Tuesday, November 1, 11
who am I?

      mobile+web developer
      mobilexweb.com blog


                          @firt

Tuesday, November 1, 11
where?




Tuesday, November 1, 11
where?
        buenos aires ~ argentina




Tuesday, November 1, 11
where?
        buenos aires ~ argentina
                          patagonia
                          football
                          meat & wine
                          tango
Tuesday, November 1, 11
books




                          Image from my house
Tuesday, November 1, 11
Tuesday, November 1, 11
Using the Latest Today




            Mobile
            HTML5
                                                                   coming soon...
                                                    Estelle Weyl
                                         & Maximiliano Firtman     also by @estellevw
Tuesday, November 1, 11
Tuesday, November 1, 11
you have
                          a question for me



Tuesday, November 1, 11
the answer is no




Tuesday, 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 cars




Tuesday, November 1, 11
mobile is more about
                         users



Tuesday, November 1, 11
mobile




Tuesday, November 1, 11
mobile
                          ‣   absolutely personal




Tuesday, November 1, 11
mobile
                          ‣ absolutely personal
                          ‣ +5 billions




Tuesday, November 1, 11
mobile
                          ‣ absolutely personal
                          ‣ +5 billions

                          ‣ will be the 1st browsing device...

                           soon




Tuesday, November 1, 11
mobile
                          ‣ absolutely personal
                          ‣ +5 billions

                          ‣ will be the 1st browsing device...

                           soon
                          ‣ make us focus




Tuesday, 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 Islands



Tuesday, November 1, 11
lots of questions

     Photo by wayneandwax (Flickr)
Tuesday, November 1, 11
we need to learn
                          lots of questions

Tuesday, November 1, 11
lots of platforms
Tuesday, November 1, 11
mobile web appears




Tuesday, November 1, 11
native
                            vs
                           web


Tuesday, November 1, 11
WAIT!




Tuesday, November 1, 11
Are you sure?




Tuesday, November 1, 11
native code
                               vs
                           javascript


Tuesday, November 1, 11
browser
                                 vs
                          installed apps
                             & stores

Tuesday, November 1, 11
lack of definitions




Tuesday, November 1, 11
when we say mobile web




Tuesday, November 1, 11
when we say mobile web
                      from a developer’s
                      perspective it’s using HTML,
                      CSS and JavaScript to
                      develop mobile apps



Tuesday, 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
                       producers



Tuesday, November 1, 11
Testing & debugging



Tuesday, 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
html5




Tuesday, November 1, 11
html5
                          ‣   w3c standards (all in draft)




Tuesday, November 1, 11
html5
                          ‣ w3c standards (all in draft)
                          ‣ some are other w3c standards




Tuesday, November 1, 11
html5
                          ‣ w3c standards (all in draft)
                          ‣ some are other w3c standards

                          ‣ de-facto standards




Tuesday, November 1, 11
html5
                          ‣ w3c standards (all in draft)
                          ‣ some are other w3c standards

                          ‣ de-facto standards

                          ‣ w3c ex-standards




Tuesday, November 1, 11
html5
                          ‣ w3c standards (all in draft)
                          ‣ some are other w3c standards

                          ‣ de-facto standards

                          ‣ w3c ex-standards

                          ‣ everything “new” on the web




Tuesday, November 1, 11
mobile browsers




Tuesday, November 1, 11
mobile browsers
                          ‣   too many




Tuesday, November 1, 11
mobile browsers
                          ‣ too many
                          ‣ (some) too limited




Tuesday, November 1, 11
mobile browsers
                          ‣ too many
                          ‣ (some) too limited

                          ‣ (some) too innovative




Tuesday, November 1, 11
mobile browsers
                          ‣ too many
                          ‣ (some) too limited

                          ‣ (some) too innovative

                          ‣ (some) proxy based




Tuesday, November 1, 11
mobile browsers
                          ‣ too many
                          ‣ (some) too limited

                          ‣ (some) too innovative

                          ‣ (some) proxy based

                          ‣ (most) without documentation




Tuesday, November 1, 11
mobile browsers
                          ‣ too many
                          ‣ (some) too limited

                          ‣ (some) too innovative

                          ‣ (some) proxy based

                          ‣ (most) without documentation

                          ‣ (most) without a name




Tuesday, 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 tools



Tuesday, November 1, 11
mobile browsers




Tuesday, November 1, 11
mobile browsers
                          ‣   (some) focus-based




Tuesday, November 1, 11
mobile browsers
                          ‣ (some) focus-based
                          ‣ (some) cursor-based




Tuesday, November 1, 11
mobile browsers
                          ‣ (some) focus-based
                          ‣ (some) cursor-based

                          ‣ (some) touch-based




Tuesday, November 1, 11
mobile browsers
                          ‣ (some) focus-based
                          ‣ (some) cursor-based

                          ‣ (some) touch-based

                          ‣ (some) multitouch-based




Tuesday, November 1, 11
mobile browsers
                          ‣ (some) focus-based
                          ‣ (some) cursor-based

                          ‣ (some) touch-based

                          ‣ (some) multitouch-based

                          ‣ (some) with zooming support




Tuesday, 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 devs




Tuesday, November 1, 11
jQuery mobile



Tuesday, 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 framework




Tuesday, November 1, 11
jQuery mobile is not...

      ‣ alternative mobile jQuery framework
      ‣ SDK for native/hybrid compilation




Tuesday, November 1, 11
jQuery mobile is not...

      ‣ alternative mobile jQuery framework
      ‣ SDK for native/hybrid compilation

      ‣ a framework for doing all using JS




Tuesday, 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 app




Tuesday, 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 tablets



Tuesday, 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
               browser




Tuesday, November 1, 11
a webapp can be...

             ‣   a website or service based on the
               browser
             ‣   a full-screen (chromeless) app on the
               browser




Tuesday, 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 != boolean




Tuesday, November 1, 11
features




Tuesday, November 1, 11
features




Tuesday, November 1, 11
features
                          ‣   non-intrusive semantic html5 code




Tuesday, November 1, 11
features
                          ‣ non-intrusive semantic html5 code
                          ‣ open sourced




Tuesday, November 1, 11
features
                          ‣ non-intrusive semantic html5 code
                          ‣ open sourced

                          ‣ lightweight




Tuesday, November 1, 11
features
                          ‣ non-intrusive semantic html5 code
                          ‣ open sourced

                          ‣ lightweight

                          ‣ multiplatform with progressive

                           enhancement




Tuesday, November 1, 11
features
                          ‣ non-intrusive semantic html5 code
                          ‣ open sourced

                          ‣ lightweight

                          ‣ multiplatform with progressive

                           enhancement
                          ‣ accessibility support




Tuesday, November 1, 11
features
                          ‣ non-intrusive semantic html5 code
                          ‣ open sourced

                          ‣ lightweight

                          ‣ multiplatform with progressive

                           enhancement
                          ‣ accessibility support

                          ‣ customizable



Tuesday, November 1, 11
features
                          ‣ non-intrusive semantic html5 code
                          ‣ open sourced

                          ‣ lightweight

                          ‣ multiplatform with progressive

                           enhancement
                          ‣ accessibility support

                          ‣ customizable

                          ‣ includes javascript api

Tuesday, November 1, 11
you don’t need to know




Tuesday, November 1, 11
you don’t need to know
                          ‣   html5




Tuesday, November 1, 11
you don’t need to know
                          ‣ html5
                          ‣ css 3




Tuesday, November 1, 11
you don’t need to know
                          ‣ html5
                          ‣ css 3

                          ‣ javascript




Tuesday, November 1, 11
you don’t need to know
                          ‣ html5
                          ‣ css 3

                          ‣ javascript

                          ‣ jQuery




Tuesday, 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 editor




Tuesday, November 1, 11
what do we need?
                          ‣ a text editor
                          ‣ a browser




Tuesday, 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/emulators

Tuesday, November 1, 11
warning!




Tuesday, November 1, 11
still not stable




Tuesday, November 1, 11
but near...



Tuesday, November 1, 11
Tuesday, November 1, 11
compatibility

                               rc2



Tuesday, November 1, 11
compatibility




Tuesday, 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 framework




Tuesday, November 1, 11
the framework today




Tuesday, November 1, 11
the framework today
                          ‣   a javascript file




Tuesday, November 1, 11
the framework today
                          ‣ a javascript file
                          ‣ a css file and a group of images




Tuesday, November 1, 11
the framework today
                          ‣ a javascript file
                          ‣ a css file and a group of images



                          ‣   self-hosted




Tuesday, November 1, 11
the framework today
                          ‣ a javascript file
                          ‣ a css file and a group of images



                          ‣ self-hosted
                          ‣ CDN - “stable” versions




Tuesday, November 1, 11
the framework today
                          ‣ a javascript file
                          ‣ a css file and a group of images



                          ‣ self-hosted
                          ‣ CDN - “stable” versions

                          ‣ CDN - latest versions




Tuesday, November 1, 11
the framework tomorrow




Tuesday, November 1, 11
the framework tomorrow

                          ‣   a custom javascript file




Tuesday, November 1, 11
the framework tomorrow

                          ‣ a custom javascript file
                          ‣ a base css file




Tuesday, November 1, 11
the framework tomorrow

                          ‣ a custom javascript file
                          ‣ a base css file

                          ‣ a theme css file and a group of

                           images




Tuesday, 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
features




Tuesday, November 1, 11
features

                          ‣   fixed toolbars




Tuesday, November 1, 11
features

                          ‣ fixed toolbars
                          ‣ list, content and form rich controls




Tuesday, November 1, 11
features

                          ‣ fixed toolbars
                          ‣ list, content and form rich controls

                          ‣ theming and color swatches




Tuesday, November 1, 11
features

                          ‣ fixed toolbars
                          ‣ list, content and form rich controls

                          ‣ theming and color swatches

                          ‣ transitions




Tuesday, November 1, 11
features

                          ‣ fixed toolbars
                          ‣ list, content and form rich controls

                          ‣ theming and color swatches

                          ‣ transitions

                          ‣ ajax




Tuesday, November 1, 11
Icon Description      value
    Info (i)              info
    Home icon             home
    Search icon           search
Tuesday, November 1, 11
Tuesday, November 1, 11
advanced topics




Tuesday, November 1, 11
advanced topics
               ‣    using javascript for loading content




Tuesday, November 1, 11
advanced topics
               ‣ using javascript for loading content
               ‣ theming and customization




Tuesday, November 1, 11
advanced topics
               ‣ using javascript for loading content
               ‣ theming and customization

               ‣ styling for non-compatible devices




Tuesday, November 1, 11
advanced topics
               ‣ using javascript for loading content
               ‣ theming and customization

               ‣ styling for non-compatible devices

               ‣ javascript api & events




Tuesday, 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

More Related Content

Viewers also liked

jQuery Mobile: Progressive Enhancement with HTML5
jQuery Mobile: Progressive Enhancement with HTML5jQuery Mobile: Progressive Enhancement with HTML5
jQuery Mobile: Progressive Enhancement with HTML5Todd Anderson
 
Introduction to jQuery Mobile - Web Deliver for All
Introduction to jQuery Mobile - Web Deliver for AllIntroduction to jQuery Mobile - Web Deliver for All
Introduction to jQuery Mobile - Web Deliver for AllMarc Grabanski
 
Advanced JQuery Mobile tutorial with Phonegap
Advanced JQuery Mobile tutorial with Phonegap Advanced JQuery Mobile tutorial with Phonegap
Advanced JQuery Mobile tutorial with Phonegap Rakesh Jha
 
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapBuilding Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapNick Landry
 
Building jQuery Mobile Web Apps
Building jQuery Mobile Web AppsBuilding jQuery Mobile Web Apps
Building jQuery Mobile Web AppsOperation Mobile
 
WAP- Wireless Application Protocol
WAP- Wireless Application ProtocolWAP- Wireless Application Protocol
WAP- Wireless Application ProtocolSenthil Kanth
 
Úvod do umelej inteligencie
Úvod do umelej inteligencieÚvod do umelej inteligencie
Úvod do umelej inteligencieJuraj Bednar
 
Dssh @ Confidence, Prague 2010
Dssh @ Confidence, Prague 2010Dssh @ Confidence, Prague 2010
Dssh @ Confidence, Prague 2010Juraj Bednar
 
Project Management in an Agency Environment
Project Management in an Agency Environment Project Management in an Agency Environment
Project Management in an Agency Environment Jeff Thaler
 
Collision Course: US vs. Europe & International Law
Collision Course: US vs. Europe & International LawCollision Course: US vs. Europe & International Law
Collision Course: US vs. Europe & International Lawpopp_elizabeth
 
Oracle数据库中的并行执行
Oracle数据库中的并行执行Oracle数据库中的并行执行
Oracle数据库中的并行执行shadowfalao
 
Potential Issues within BCE
Potential Issues within BCEPotential Issues within BCE
Potential Issues within BCEJISC BCE
 
Bluemix introduction
Bluemix introductionBluemix introduction
Bluemix introductiongule mariam
 
Reshoring lighthouse design centre, glasgow, aug 2013 (1)
Reshoring   lighthouse design centre, glasgow, aug 2013 (1)Reshoring   lighthouse design centre, glasgow, aug 2013 (1)
Reshoring lighthouse design centre, glasgow, aug 2013 (1)Mary Rose
 
The Technology of Tension | EventTechBrief.com
The Technology of Tension | EventTechBrief.comThe Technology of Tension | EventTechBrief.com
The Technology of Tension | EventTechBrief.comMichelle Bruno
 
2011 Sales Deck
2011 Sales Deck2011 Sales Deck
2011 Sales Decktbrown09
 
Collaborize Overview
Collaborize OverviewCollaborize Overview
Collaborize OverviewRBolden
 

Viewers also liked (20)

Jquerymobile ppt
Jquerymobile pptJquerymobile ppt
Jquerymobile ppt
 
jQuery Mobile: Progressive Enhancement with HTML5
jQuery Mobile: Progressive Enhancement with HTML5jQuery Mobile: Progressive Enhancement with HTML5
jQuery Mobile: Progressive Enhancement with HTML5
 
Introduction to jQuery Mobile - Web Deliver for All
Introduction to jQuery Mobile - Web Deliver for AllIntroduction to jQuery Mobile - Web Deliver for All
Introduction to jQuery Mobile - Web Deliver for All
 
Advanced JQuery Mobile tutorial with Phonegap
Advanced JQuery Mobile tutorial with Phonegap Advanced JQuery Mobile tutorial with Phonegap
Advanced JQuery Mobile tutorial with Phonegap
 
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapBuilding Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
 
Building jQuery Mobile Web Apps
Building jQuery Mobile Web AppsBuilding jQuery Mobile Web Apps
Building jQuery Mobile Web Apps
 
WAP- Wireless Application Protocol
WAP- Wireless Application ProtocolWAP- Wireless Application Protocol
WAP- Wireless Application Protocol
 
Úvod do umelej inteligencie
Úvod do umelej inteligencieÚvod do umelej inteligencie
Úvod do umelej inteligencie
 
Dssh @ Confidence, Prague 2010
Dssh @ Confidence, Prague 2010Dssh @ Confidence, Prague 2010
Dssh @ Confidence, Prague 2010
 
Project Management in an Agency Environment
Project Management in an Agency Environment Project Management in an Agency Environment
Project Management in an Agency Environment
 
Collision Course: US vs. Europe & International Law
Collision Course: US vs. Europe & International LawCollision Course: US vs. Europe & International Law
Collision Course: US vs. Europe & International Law
 
Oracle数据库中的并行执行
Oracle数据库中的并行执行Oracle数据库中的并行执行
Oracle数据库中的并行执行
 
Potential Issues within BCE
Potential Issues within BCEPotential Issues within BCE
Potential Issues within BCE
 
Bluemix introduction
Bluemix introductionBluemix introduction
Bluemix introduction
 
Reshoring lighthouse design centre, glasgow, aug 2013 (1)
Reshoring   lighthouse design centre, glasgow, aug 2013 (1)Reshoring   lighthouse design centre, glasgow, aug 2013 (1)
Reshoring lighthouse design centre, glasgow, aug 2013 (1)
 
Pp6
Pp6Pp6
Pp6
 
The Technology of Tension | EventTechBrief.com
The Technology of Tension | EventTechBrief.comThe Technology of Tension | EventTechBrief.com
The Technology of Tension | EventTechBrief.com
 
Phone security
Phone securityPhone security
Phone security
 
2011 Sales Deck
2011 Sales Deck2011 Sales Deck
2011 Sales Deck
 
Collaborize Overview
Collaborize OverviewCollaborize Overview
Collaborize Overview
 

Similar to jQuery Mobile

How I Learned To Stop Worrying & Love HTML5
How I Learned To Stop Worrying & Love HTML5How I Learned To Stop Worrying & Love HTML5
How I Learned To Stop Worrying & Love HTML5Dale Cruse
 
Improving Reading, Writing & Critical Thinking Skills with Media
Improving Reading, Writing & Critical Thinking Skills with MediaImproving Reading, Writing & Critical Thinking Skills with Media
Improving Reading, Writing & Critical Thinking Skills with MediaWesley Fryer
 
Vlogging for Assessment and Critical Reflection
Vlogging for Assessment and Critical ReflectionVlogging for Assessment and Critical Reflection
Vlogging for Assessment and Critical ReflectionAmy Burvall
 
Resumes and job interviews for technical jobs
Resumes and job interviews for technical jobsResumes and job interviews for technical jobs
Resumes and job interviews for technical jobsAndy Lester
 
Ad Agencies Need to Get Mobile
Ad Agencies Need to Get MobileAd Agencies Need to Get Mobile
Ad Agencies Need to Get Mobileedward boches
 
Cross platform design
Cross platform designCross platform design
Cross platform designrainer3
 
M3 colbow-v1
M3 colbow-v1M3 colbow-v1
M3 colbow-v1bcolbow
 
Introduction to Ruby
Introduction to RubyIntroduction to Ruby
Introduction to RubyEngine Yard
 
soft-shake.ch - Data grids and Data Caching
soft-shake.ch - Data grids and Data Cachingsoft-shake.ch - Data grids and Data Caching
soft-shake.ch - Data grids and Data Cachingsoft-shake.ch
 
KANBAN – NOT „YET ANOTHER DEVELOPMENT PROCESS“ (FLORIAN EISENBERG) - LKCE13
KANBAN – NOT „YET ANOTHER DEVELOPMENT PROCESS“ (FLORIAN EISENBERG) - LKCE13KANBAN – NOT „YET ANOTHER DEVELOPMENT PROCESS“ (FLORIAN EISENBERG) - LKCE13
KANBAN – NOT „YET ANOTHER DEVELOPMENT PROCESS“ (FLORIAN EISENBERG) - LKCE13Lean Kanban Central Europe
 
Cultivating #newliteracies
Cultivating #newliteraciesCultivating #newliteracies
Cultivating #newliteraciesAmy Burvall
 
Windows 1-8 voor het bedrijfsleven. Wat moet je ermee
Windows 1-8 voor het bedrijfsleven. Wat moet je ermeeWindows 1-8 voor het bedrijfsleven. Wat moet je ermee
Windows 1-8 voor het bedrijfsleven. Wat moet je ermeeVincent Everts
 
Scrum und Craftsmanship
Scrum und CraftsmanshipScrum und Craftsmanship
Scrum und CraftsmanshipStefan ROOCK
 
Choice and Voice: Cultivating a Personalized Learning Strategy for Assessment...
Choice and Voice: Cultivating a Personalized Learning Strategy for Assessment...Choice and Voice: Cultivating a Personalized Learning Strategy for Assessment...
Choice and Voice: Cultivating a Personalized Learning Strategy for Assessment...Amy Burvall
 
DevOpsDay London Ben Hughes Security
DevOpsDay London Ben Hughes SecurityDevOpsDay London Ben Hughes Security
DevOpsDay London Ben Hughes Securitybeehooze
 
Technical Debt
Technical DebtTechnical Debt
Technical DebtKmanthei
 
Release Early & Release Often: Reducing Deployment Friction
Release Early & Release Often: Reducing Deployment FrictionRelease Early & Release Often: Reducing Deployment Friction
Release Early & Release Often: Reducing Deployment FrictionEngine Yard
 

Similar to jQuery Mobile (20)

Sharing is caring (11-11-2011)
Sharing is caring (11-11-2011)Sharing is caring (11-11-2011)
Sharing is caring (11-11-2011)
 
How I Learned To Stop Worrying & Love HTML5
How I Learned To Stop Worrying & Love HTML5How I Learned To Stop Worrying & Love HTML5
How I Learned To Stop Worrying & Love HTML5
 
Improving Reading, Writing & Critical Thinking Skills with Media
Improving Reading, Writing & Critical Thinking Skills with MediaImproving Reading, Writing & Critical Thinking Skills with Media
Improving Reading, Writing & Critical Thinking Skills with Media
 
Vlogging for Assessment and Critical Reflection
Vlogging for Assessment and Critical ReflectionVlogging for Assessment and Critical Reflection
Vlogging for Assessment and Critical Reflection
 
Resumes and job interviews for technical jobs
Resumes and job interviews for technical jobsResumes and job interviews for technical jobs
Resumes and job interviews for technical jobs
 
Ad Agencies Need to Get Mobile
Ad Agencies Need to Get MobileAd Agencies Need to Get Mobile
Ad Agencies Need to Get Mobile
 
Cross platform design
Cross platform designCross platform design
Cross platform design
 
M3 colbow-v1
M3 colbow-v1M3 colbow-v1
M3 colbow-v1
 
Introduction to Ruby
Introduction to RubyIntroduction to Ruby
Introduction to Ruby
 
soft-shake.ch - Data grids and Data Caching
soft-shake.ch - Data grids and Data Cachingsoft-shake.ch - Data grids and Data Caching
soft-shake.ch - Data grids and Data Caching
 
KANBAN – NOT „YET ANOTHER DEVELOPMENT PROCESS“ (FLORIAN EISENBERG) - LKCE13
KANBAN – NOT „YET ANOTHER DEVELOPMENT PROCESS“ (FLORIAN EISENBERG) - LKCE13KANBAN – NOT „YET ANOTHER DEVELOPMENT PROCESS“ (FLORIAN EISENBERG) - LKCE13
KANBAN – NOT „YET ANOTHER DEVELOPMENT PROCESS“ (FLORIAN EISENBERG) - LKCE13
 
Cultivating #newliteracies
Cultivating #newliteraciesCultivating #newliteracies
Cultivating #newliteracies
 
Reviving RIM
Reviving RIMReviving RIM
Reviving RIM
 
Windows 1-8 voor het bedrijfsleven. Wat moet je ermee
Windows 1-8 voor het bedrijfsleven. Wat moet je ermeeWindows 1-8 voor het bedrijfsleven. Wat moet je ermee
Windows 1-8 voor het bedrijfsleven. Wat moet je ermee
 
Scrum und Craftsmanship
Scrum und CraftsmanshipScrum und Craftsmanship
Scrum und Craftsmanship
 
Choice and Voice: Cultivating a Personalized Learning Strategy for Assessment...
Choice and Voice: Cultivating a Personalized Learning Strategy for Assessment...Choice and Voice: Cultivating a Personalized Learning Strategy for Assessment...
Choice and Voice: Cultivating a Personalized Learning Strategy for Assessment...
 
DevOpsDay London Ben Hughes Security
DevOpsDay London Ben Hughes SecurityDevOpsDay London Ben Hughes Security
DevOpsDay London Ben Hughes Security
 
Flip Your Library
Flip Your LibraryFlip Your Library
Flip Your Library
 
Technical Debt
Technical DebtTechnical Debt
Technical Debt
 
Release Early & Release Often: Reducing Deployment Friction
Release Early & Release Often: Reducing Deployment FrictionRelease Early & Release Often: Reducing Deployment Friction
Release Early & Release Often: Reducing Deployment Friction
 

More from Maximiliano Firtman

ChatGPT and AI for Web Developers
ChatGPT and AI for Web DevelopersChatGPT and AI for Web Developers
ChatGPT and AI for Web DevelopersMaximiliano Firtman
 
Hacking Web Performance en Español - JSConf México 2020
Hacking Web Performance en Español - JSConf México 2020Hacking Web Performance en Español - JSConf México 2020
Hacking Web Performance en Español - JSConf México 2020Maximiliano Firtman
 
Uncovering Secrets of Progressive Web Apps
Uncovering Secrets of Progressive Web AppsUncovering Secrets of Progressive Web Apps
Uncovering Secrets of Progressive Web AppsMaximiliano Firtman
 
Hacking Web Performance @ ForwardJS 2017
Hacking Web Performance @ ForwardJS 2017Hacking Web Performance @ ForwardJS 2017
Hacking Web Performance @ ForwardJS 2017Maximiliano Firtman
 
La Web Salta al Mundo Físico - Web meets Physical World (spanish)
La Web Salta al Mundo Físico - Web meets Physical World (spanish)La Web Salta al Mundo Físico - Web meets Physical World (spanish)
La Web Salta al Mundo Físico - Web meets Physical World (spanish)Maximiliano Firtman
 
Progressive Web Apps (español - spanish)
Progressive Web Apps (español - spanish)Progressive Web Apps (español - spanish)
Progressive Web Apps (español - spanish)Maximiliano Firtman
 
High Performance Web - Full Stack Toronto
High Performance Web - Full Stack TorontoHigh Performance Web - Full Stack Toronto
High Performance Web - Full Stack TorontoMaximiliano Firtman
 
Responsive Images and Performance
Responsive Images and PerformanceResponsive Images and Performance
Responsive Images and PerformanceMaximiliano Firtman
 
The Physical World meets the Web
The Physical World meets the WebThe Physical World meets the Web
The Physical World meets the WebMaximiliano Firtman
 
Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices Maximiliano Firtman
 
Extreme Web Performance for Mobile Device Fluent 2015
Extreme Web Performance for Mobile Device Fluent 2015Extreme Web Performance for Mobile Device Fluent 2015
Extreme Web Performance for Mobile Device Fluent 2015Maximiliano Firtman
 
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014Maximiliano Firtman
 
Extreme Web Performance for Mobile Devices - Velocity NY
Extreme Web Performance for Mobile Devices - Velocity NYExtreme Web Performance for Mobile Devices - Velocity NY
Extreme Web Performance for Mobile Devices - Velocity NYMaximiliano Firtman
 
Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile DevicesExtreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile DevicesMaximiliano Firtman
 

More from Maximiliano Firtman (20)

ChatGPT and AI for Web Developers
ChatGPT and AI for Web DevelopersChatGPT and AI for Web Developers
ChatGPT and AI for Web Developers
 
PWA Cheat Sheet 2023
PWA Cheat Sheet 2023PWA Cheat Sheet 2023
PWA Cheat Sheet 2023
 
Hacking Web Performance en Español - JSConf México 2020
Hacking Web Performance en Español - JSConf México 2020Hacking Web Performance en Español - JSConf México 2020
Hacking Web Performance en Español - JSConf México 2020
 
The modern PWA Cheat Sheet
The modern PWA Cheat SheetThe modern PWA Cheat Sheet
The modern PWA Cheat Sheet
 
Hacking Web Performance 2019
Hacking Web Performance 2019Hacking Web Performance 2019
Hacking Web Performance 2019
 
Progressive Web Apps Keynote
Progressive Web Apps KeynoteProgressive Web Apps Keynote
Progressive Web Apps Keynote
 
Hacking Web Performance
Hacking Web PerformanceHacking Web Performance
Hacking Web Performance
 
Uncovering Secrets of Progressive Web Apps
Uncovering Secrets of Progressive Web AppsUncovering Secrets of Progressive Web Apps
Uncovering Secrets of Progressive Web Apps
 
Hacking Web Performance
Hacking Web Performance Hacking Web Performance
Hacking Web Performance
 
Hacking Web Performance @ ForwardJS 2017
Hacking Web Performance @ ForwardJS 2017Hacking Web Performance @ ForwardJS 2017
Hacking Web Performance @ ForwardJS 2017
 
La Web Salta al Mundo Físico - Web meets Physical World (spanish)
La Web Salta al Mundo Físico - Web meets Physical World (spanish)La Web Salta al Mundo Físico - Web meets Physical World (spanish)
La Web Salta al Mundo Físico - Web meets Physical World (spanish)
 
Progressive Web Apps (español - spanish)
Progressive Web Apps (español - spanish)Progressive Web Apps (español - spanish)
Progressive Web Apps (español - spanish)
 
High Performance Web - Full Stack Toronto
High Performance Web - Full Stack TorontoHigh Performance Web - Full Stack Toronto
High Performance Web - Full Stack Toronto
 
Responsive Images and Performance
Responsive Images and PerformanceResponsive Images and Performance
Responsive Images and Performance
 
The Physical World meets the Web
The Physical World meets the WebThe Physical World meets the Web
The Physical World meets the Web
 
Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices
 
Extreme Web Performance for Mobile Device Fluent 2015
Extreme Web Performance for Mobile Device Fluent 2015Extreme Web Performance for Mobile Device Fluent 2015
Extreme Web Performance for Mobile Device Fluent 2015
 
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014
 
Extreme Web Performance for Mobile Devices - Velocity NY
Extreme Web Performance for Mobile Devices - Velocity NYExtreme Web Performance for Mobile Devices - Velocity NY
Extreme Web Performance for Mobile Devices - Velocity NY
 
Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile DevicesExtreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices
 

Recently uploaded

Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
RAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIRAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIUdaiappa Ramachandran
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?SANGHEE SHIN
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServicePicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServiceRenan Moreira de Oliveira
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 

Recently uploaded (20)

Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
RAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIRAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AI
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServicePicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 

jQuery Mobile

  • 1. max firtman @firt firt.mobi Zurich, Oct 21 2011 Tuesday, November 1, 11
  • 3. http://akosma.com http://invisible.ch @akosma @jcfischer Tuesday, November 1, 11
  • 6. m b er ove 17 .N 15 .- http://mobile-training.ch Tuesday, November 1, 11
  • 7. m b er ove 17 .N 15 .- /op en r/ch d“ o B ir 1400 „ Early HF C http://mobile-training.ch Tuesday, November 1, 11
  • 8. who am I? mobile+web developer mobilexweb.com blog @firt Tuesday, November 1, 11
  • 10. where? buenos aires ~ argentina Tuesday, November 1, 11
  • 11. where? buenos aires ~ argentina patagonia football meat & wine tango Tuesday, November 1, 11
  • 12. books Image from my house Tuesday, November 1, 11
  • 14. Using the Latest Today Mobile HTML5 coming soon... Estelle Weyl & Maximiliano Firtman also by @estellevw Tuesday, November 1, 11
  • 16. you have a question for me Tuesday, November 1, 11
  • 17. the answer is no Tuesday, November 1, 11
  • 19. 2015 is coming... Tuesday, November 1, 11
  • 21. mobile devices are our flying cars Tuesday, November 1, 11
  • 22. mobile is more about users Tuesday, November 1, 11
  • 24. mobile ‣ absolutely personal Tuesday, November 1, 11
  • 25. mobile ‣ absolutely personal ‣ +5 billions Tuesday, November 1, 11
  • 26. mobile ‣ absolutely personal ‣ +5 billions ‣ will be the 1st browsing device... soon Tuesday, November 1, 11
  • 27. mobile ‣ absolutely personal ‣ +5 billions ‣ will be the 1st browsing device... soon ‣ make us focus Tuesday, November 1, 11
  • 28. mobile ‣ absolutely personal ‣ +5 billions ‣ will be the 1st browsing device... soon ‣ make us focus ‣ read our context... Tuesday, November 1, 11
  • 29. mobile ‣ absolutely personal ‣ +5 billions ‣ will be the 1st browsing device... soon ‣ make us focus ‣ read our context... ‣ ... always... Tuesday, November 1, 11
  • 30. 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
  • 31. then... what is the problem? Tuesday, November 1, 11
  • 32. mobile is a minefield Photo by World of Good (Flickr) Malvinas / Falklands Islands Tuesday, November 1, 11
  • 33. lots of questions Photo by wayneandwax (Flickr) Tuesday, November 1, 11
  • 34. we need to learn lots of questions Tuesday, November 1, 11
  • 35. lots of platforms Tuesday, November 1, 11
  • 36. mobile web appears Tuesday, November 1, 11
  • 37. native vs web Tuesday, November 1, 11
  • 39. Are you sure? Tuesday, November 1, 11
  • 40. native code vs javascript Tuesday, November 1, 11
  • 41. browser vs installed apps & stores Tuesday, November 1, 11
  • 43. when we say mobile web Tuesday, November 1, 11
  • 44. when we say mobile web from a developer’s perspective it’s using HTML, CSS and JavaScript to develop mobile apps Tuesday, November 1, 11
  • 45. 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
  • 46. what are the problems with mobile web? Tuesday, November 1, 11
  • 47. we are second class producers Tuesday, November 1, 11
  • 50. Photo by Ben Millett (Flickr) Tuesday, November 1, 11
  • 52. Are you sure? Photo by Ricky David (Flickr) Tuesday, November 1, 11
  • 53. What is ? Tuesday, November 1, 11
  • 55. html5 ‣ w3c standards (all in draft) Tuesday, November 1, 11
  • 56. html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards Tuesday, November 1, 11
  • 57. html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards ‣ de-facto standards Tuesday, November 1, 11
  • 58. html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards ‣ de-facto standards ‣ w3c ex-standards Tuesday, November 1, 11
  • 59. html5 ‣ w3c standards (all in draft) ‣ some are other w3c standards ‣ de-facto standards ‣ w3c ex-standards ‣ everything “new” on the web Tuesday, November 1, 11
  • 61. mobile browsers ‣ too many Tuesday, November 1, 11
  • 62. mobile browsers ‣ too many ‣ (some) too limited Tuesday, November 1, 11
  • 63. mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative Tuesday, November 1, 11
  • 64. mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative ‣ (some) proxy based Tuesday, November 1, 11
  • 65. mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative ‣ (some) proxy based ‣ (most) without documentation Tuesday, November 1, 11
  • 66. mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative ‣ (some) proxy based ‣ (most) without documentation ‣ (most) without a name Tuesday, November 1, 11
  • 67. mobile browsers ‣ too many ‣ (some) too limited ‣ (some) too innovative ‣ (some) proxy based ‣ (most) without documentation ‣ (most) without a name ‣ (most) without debugging tools Tuesday, November 1, 11
  • 69. mobile browsers ‣ (some) focus-based Tuesday, November 1, 11
  • 70. mobile browsers ‣ (some) focus-based ‣ (some) cursor-based Tuesday, November 1, 11
  • 71. mobile browsers ‣ (some) focus-based ‣ (some) cursor-based ‣ (some) touch-based Tuesday, November 1, 11
  • 72. mobile browsers ‣ (some) focus-based ‣ (some) cursor-based ‣ (some) touch-based ‣ (some) multitouch-based Tuesday, November 1, 11
  • 73. mobile browsers ‣ (some) focus-based ‣ (some) cursor-based ‣ (some) touch-based ‣ (some) multitouch-based ‣ (some) with zooming support Tuesday, November 1, 11
  • 74. mobile browsers ‣ (some) focus-based ‣ (some) cursor-based ‣ (some) touch-based ‣ (some) multitouch-based ‣ (some) with zooming support ‣ (most) unknown for web devs Tuesday, November 1, 11
  • 76. what is ... ? Tuesday, November 1, 11
  • 77. what is not ...? Tuesday, November 1, 11
  • 78. jQuery mobile is not... Tuesday, November 1, 11
  • 79. jQuery mobile is not... ‣ alternative mobile jQuery framework Tuesday, November 1, 11
  • 80. jQuery mobile is not... ‣ alternative mobile jQuery framework ‣ SDK for native/hybrid compilation Tuesday, November 1, 11
  • 81. jQuery mobile is not... ‣ alternative mobile jQuery framework ‣ SDK for native/hybrid compilation ‣ a framework for doing all using JS Tuesday, November 1, 11
  • 82. jQuery mobile is not... ‣ alternative mobile jQuery framework ‣ SDK for native/hybrid compilation ‣ a framework for doing all using JS ‣ the solution for every app Tuesday, November 1, 11
  • 84. jQuery mobile is... a cross-platform UI framework for creating webapps for touch-enabled smartphones and tablets Tuesday, November 1, 11
  • 86. a webapp can be... Tuesday, November 1, 11
  • 87. a webapp can be... ‣ a website or service based on the browser Tuesday, November 1, 11
  • 88. a webapp can be... ‣ a website or service based on the browser ‣ a full-screen (chromeless) app on the browser Tuesday, November 1, 11
  • 89. 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
  • 90. why jQuery mobile? Tuesday, November 1, 11
  • 93. typeof html5 != boolean Tuesday, November 1, 11
  • 96. features ‣ non-intrusive semantic html5 code Tuesday, November 1, 11
  • 97. features ‣ non-intrusive semantic html5 code ‣ open sourced Tuesday, November 1, 11
  • 98. features ‣ non-intrusive semantic html5 code ‣ open sourced ‣ lightweight Tuesday, November 1, 11
  • 99. features ‣ non-intrusive semantic html5 code ‣ open sourced ‣ lightweight ‣ multiplatform with progressive enhancement Tuesday, November 1, 11
  • 100. features ‣ non-intrusive semantic html5 code ‣ open sourced ‣ lightweight ‣ multiplatform with progressive enhancement ‣ accessibility support Tuesday, November 1, 11
  • 101. features ‣ non-intrusive semantic html5 code ‣ open sourced ‣ lightweight ‣ multiplatform with progressive enhancement ‣ accessibility support ‣ customizable Tuesday, November 1, 11
  • 102. features ‣ non-intrusive semantic html5 code ‣ open sourced ‣ lightweight ‣ multiplatform with progressive enhancement ‣ accessibility support ‣ customizable ‣ includes javascript api Tuesday, November 1, 11
  • 103. you don’t need to know Tuesday, November 1, 11
  • 104. you don’t need to know ‣ html5 Tuesday, November 1, 11
  • 105. you don’t need to know ‣ html5 ‣ css 3 Tuesday, November 1, 11
  • 106. you don’t need to know ‣ html5 ‣ css 3 ‣ javascript Tuesday, November 1, 11
  • 107. you don’t need to know ‣ html5 ‣ css 3 ‣ javascript ‣ jQuery Tuesday, November 1, 11
  • 108. you don’t need to know ‣ html5 ‣ css 3 ‣ javascript ‣ jQuery but... you should :) Tuesday, November 1, 11
  • 111. what do we need? Tuesday, November 1, 11
  • 112. what do we need? Tuesday, November 1, 11
  • 113. what do we need? ‣ a text editor Tuesday, November 1, 11
  • 114. what do we need? ‣ a text editor ‣ a browser Tuesday, November 1, 11
  • 115. what do we need? ‣ a text editor ‣ a browser ‣ and the framework? Tuesday, November 1, 11
  • 116. what do we need? ‣ a text editor ‣ a browser ‣ and the framework? ‣ and hybrid compilers? Tuesday, November 1, 11
  • 117. what do we need? ‣ a text editor ‣ a browser ‣ and the framework? ‣ and hybrid compilers? ‣ and emulators and simulators? Tuesday, November 1, 11
  • 118. what do we need? ‣ a text editor ‣ a browser and the framework? ‣ ‣ and hybrid compilers? ‣ and emulators and simulators? www.mobilexweb.com/emulators Tuesday, November 1, 11
  • 120. still not stable Tuesday, November 1, 11
  • 123. compatibility rc2 Tuesday, November 1, 11
  • 125. 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
  • 127. the framework today Tuesday, November 1, 11
  • 128. the framework today ‣ a javascript file Tuesday, November 1, 11
  • 129. the framework today ‣ a javascript file ‣ a css file and a group of images Tuesday, November 1, 11
  • 130. the framework today ‣ a javascript file ‣ a css file and a group of images ‣ self-hosted Tuesday, November 1, 11
  • 131. the framework today ‣ a javascript file ‣ a css file and a group of images ‣ self-hosted ‣ CDN - “stable” versions Tuesday, November 1, 11
  • 132. the framework today ‣ a javascript file ‣ a css file and a group of images ‣ self-hosted ‣ CDN - “stable” versions ‣ CDN - latest versions Tuesday, November 1, 11
  • 134. the framework tomorrow ‣ a custom javascript file Tuesday, November 1, 11
  • 135. the framework tomorrow ‣ a custom javascript file ‣ a base css file Tuesday, November 1, 11
  • 136. the framework tomorrow ‣ a custom javascript file ‣ a base css file ‣ a theme css file and a group of images Tuesday, November 1, 11
  • 139. <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
  • 140. <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
  • 141. <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
  • 142. <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
  • 144. features ‣ fixed toolbars Tuesday, November 1, 11
  • 145. features ‣ fixed toolbars ‣ list, content and form rich controls Tuesday, November 1, 11
  • 146. features ‣ fixed toolbars ‣ list, content and form rich controls ‣ theming and color swatches Tuesday, November 1, 11
  • 147. features ‣ fixed toolbars ‣ list, content and form rich controls ‣ theming and color swatches ‣ transitions Tuesday, November 1, 11
  • 148. features ‣ fixed toolbars ‣ list, content and form rich controls ‣ theming and color swatches ‣ transitions ‣ ajax Tuesday, November 1, 11
  • 149. Icon Description value Info (i) info Home icon home Search icon search Tuesday, November 1, 11
  • 152. advanced topics ‣ using javascript for loading content Tuesday, November 1, 11
  • 153. advanced topics ‣ using javascript for loading content ‣ theming and customization Tuesday, November 1, 11
  • 154. advanced topics ‣ using javascript for loading content ‣ theming and customization ‣ styling for non-compatible devices Tuesday, November 1, 11
  • 155. advanced topics ‣ using javascript for loading content ‣ theming and customization ‣ styling for non-compatible devices ‣ javascript api & events Tuesday, November 1, 11
  • 156. 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
  • 157. 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