Building HTML5, Mobile Ready Web Apps Easily with jQuery Mobile

Jeff Batt, Founder of Learning Dojo

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
29 Lessons (2h 49m)
    • 1. jQuery Mobile Introduction

      7:02
    • 2. Basic HTML Review

      3:28
    • 3. Attaching jQuery Mobile Files - Part 1

      6:40
    • 4. Attaching jQuery Mobile Files - Part 2

      5:33
    • 5. Fixing Mobile Preview Issues

      2:49
    • 6. jQuery Mobile Pages Basic Structure

      8:25
    • 7. jQuery Mobile Theming

      3:04
    • 8. Buttons Part 1

      6:04
    • 9. Buttons Part 2

      7:28
    • 10. Headers and Footers - Part 1

      7:53
    • 11. Headers and Footers - Part 2

      4:27
    • 12. List Views - Part 1

      7:43
    • 13. List Views - Part 2

      8:31
    • 14. List Views - Part 3

      7:44
    • 15. Collapsibles

      7:52
    • 16. Panels - Part 1

      7:18
    • 17. Panels - Part 2

      4:04
    • 18. Grids - Part 1

      4:53
    • 19. Grids - Part 2

      4:55
    • 20. Navbars

      9:59
    • 21. Pop Up's - Part 1

      10:03
    • 22. Pop Up's - Part 2

      4:07
    • 23. Tab Interaction

      5:40
    • 24. Divide Groups

      7:07
    • 25. Image Resizing

      4:48
    • 26. Using Audio in HTML5

      3:00
    • 27. Using Video in HTML5

      1:42
    • 28. Using jQuery Touch Events in jQuery Mobile

      5:32
    • 29. Conclusion

      1:15

Project Description

Building a mobile friendly reference app

The project for this class is to test out your knowledge of jQuery Mobile. You shoudl build a working reference app full of list views, buttons, new pages, expandable views and more. Come up with your own content but build a project that as many of the elements learned in this course. 

DELIVERABLE

Share your class information in the project gallery for feedback. A completed project includes:

  • Class title
  • Project title
  • Project description
  • Compiled project files to download
  • List of different features used in  the project
  • Screenshots of the compiled web app

Finished app should include the following elements:

  • List views
  • Collapsibles
  • Navigation bars
  • Grids
  • Themed bars
  • Thumbnails in list views

RESOURCES

Teacher Blog

Teacher YouTube Channel

jQuery Mobile Demo Site

You can see a working example here.

Student Projects