This presentation gives a quick overview of the jQuery mobile framework and an introduction on how to use jQuery mobile. A lot of details are yet to be included. Hope I get the time to do so!

1. by RishabhRao wordpress.com/rishabhsrao @rishabhsrao github.com/rishabhsrao

2. Today’s plan Introduction Exploring around Getting started Deep dive Discussions Resources

3. Introduction What is jQuery mobile and why is it so awesome?

4. Cross-device

5. Cross-browser

6. Other features Touch-optimized jQuery and jQuery UI foundation Lightweight Progressive enhancement Flexible Themeable

7. Exploring around A first look at jQuery mobile

8. UI components Page templates Dialogs Header and footer bars Navigation bars Form elements Collapsible content blocks Lists

9. UI components: A closer look (see http://jquerymobile.com/demos)

10. Getting started Creating your first jQuery mobile UI component

11. Creating a button It's this simple: <a href="home.html" data-role="button"> Link button </a>

12. Creating a button This is what you get:

13. Creating a navigation bar The navigation bar's code looks like this: <div data-role="navbar"> <ul> <li><a href="a.html" class="ui-btn-active">One</a></li> <li><a href="b.html">Two</a></li> </ul> </div><!-- /navbar -->

14. Creating a navigation bar This is what you get:

15. Deep dive Hands-on with jQuery mobile

16. Hands-on session (not covered in this presentation, yet)

17. Discussions There are no dumb questions Feel free to ask

18. Resources Bunch of useful links, books and other goodies

19. Resources jquerymobile.com jquery.com jqueryui.com jqmgallery.com www.filamentgroup.com @jquery, @jqueryui, @jquerymobile www.slideshare.net/eljefe/jquery-mobile-for-fun-and-profit forum.jquery.com/jquery-mobile

20. Thank you That's all folks