jQuery Mobile

1,135 views
1,078 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,135
On SlideShare
0
From Embeds
0
Number of Embeds
71
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

jQuery Mobile

  1. 1. Inhoud• Waarom mobiel?• Wat is een web-app?• jQuery Mobile – Features – UI Componenten – Demo’s – Inspiratie & Docs
  2. 2. Waarom mobiel?• Meer dan 2 biljoen smartphones.• Zal het 1e browsing device worden (is het misschien al).• Altijd en overal beschikbaar.• In 2014 zullen er meer mobiele internet gebruikers zijn dan desktop internet
  3. 3. Wat is een web-app?“Een web app is een applicatie dat draait ineen web browser.”• Simpele applicaties• Complexe applicaties• Goedkoper• Lange levensduur• Updates direct doorvoerbaar
  4. 4. jQuery MobilejQuery Mobile is een user interface framework wat gebouwd isop het zo bekende jQuery.jQuery werkt met een filosofie die ze ook op hun mobiele projecttoepassen:“The write less, Do more, Javascript Library”
  5. 5. jQuery Mobile - Features• Touchscreen geoptimaliseerd• Lightweight• Flexibel• HTML 5 en CSS3 ondersteuning• Thema’s• Geschikt voor alle devices en platformen
  6. 6. jQuery Mobile - UI Componenten• Page templates• Dialogs• Header and footer bars• Navigation bars• Form elements• Collapsible content blocks• Lists
  7. 7. jQuery Mobile - Demo’s<a href="index.html" data-role="button">Link button</a><label for="basic">Text Input:</label><input type="text" name="name" id="basic" value="" /><input type="range" name="slider" id="slider" value="25" min="0" max="100" />
  8. 8. jQuery Mobile - Demo’s
  9. 9. jQuery Mobile - Inspiratie & Docs• jQuery Mobile - jquerymobile.com• Demo’s - jquerymobile.com/demos• jQuery Mobile Gallery - jqmgallery.com

×