Inhoud

• Waarom mobiel?

• Wat is een web-app?

• jQuery Mobile

– Features

– UI Componenten

– Demo’s

– Inspiratie & Docs

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

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

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”

jQuery Mobile - Features

• Touchscreen geoptimaliseerd

• Lightweight

• Flexibel

• HTML 5 en CSS3 ondersteuning

• Thema’s

• Geschikt voor alle devices en platformen

jQuery Mobile - UI Componenten

• Page templates

• Dialogs

• Header and footer bars

• Navigation bars

• Form elements

• Collapsible content blocks

• Lists

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

jQuery Mobile - Demo’s

jQuery Mobile - Inspiratie & Docs

• jQuery Mobile - jquerymobile.com

• Demo’s - jquerymobile.com/demos

• jQuery Mobile Gallery - jqmgallery.com