2. Inhoud
• Waarom mobiel?
• Wat is een web-app?
• jQuery Mobile
– Features
– UI Componenten
– Demo’s
– Inspiratie & Docs

3. 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

4. Wat is een web-app?
“Een web app is een applicatie dat draait in
een web browser.”
• Simpele applicaties
• Complexe applicaties
• Goedkoper
• Lange levensduur
• Updates direct doorvoerbaar

5. jQuery Mobile
jQuery Mobile is een user interface framework wat gebouwd is
op het zo bekende jQuery.
jQuery werkt met een filosofie die ze ook op hun mobiele project
toepassen:
“The write less, Do more, Javascript Library”

6. jQuery Mobile - Features
• Touchscreen geoptimaliseerd
• Lightweight
• Flexibel
• HTML 5 en CSS3 ondersteuning
• Thema’s
• Geschikt voor alle devices en platformen

7. jQuery Mobile - UI Componenten
• Page templates
• Dialogs
• Header and footer bars
• Navigation bars
• Form elements
• Collapsible content blocks
• Lists

9. 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" />

10. jQuery Mobile - Demo’s

11. jQuery Mobile - Inspiratie & Docs
• jQuery Mobile - jquerymobile.com
• Demo’s - jquerymobile.com/demos
• jQuery Mobile Gallery - jqmgallery.com