Instructional designers tend to define what is possible by the limitations of their chosen authoring tools, and common modern web practices don’t always transfer over to those tools until it is too late. Because of this, IDs sometimes remove ideas like responsive courses from consideration because their authoring tools don’t automatically support the capability. But why not take control over what you can do in your eLearning authoring by building it yourself?

In this hands-on session, you will explore how jQuery Mobile allows you to build responsive custom mobile applications that not only take advantage of modern web technology, but also simplify development without requiring heavy amounts of coding. You will learn how jQuery removes many of the constraints placed by authoring tools; how you can build custom, mobile-first HTML5 quickly and easily; and how to publish what you build as a native mobile app. You will also examine how to integrate the xAPI into HTML5 to track progress within your LMS or LRS.

In this session, you will learn:

• HTML5 basics
• jQuery Mobile basics
• Skeleton CSS for responsive layouts
• How to create simple page layouts and navigation
• How to use jQuery Mobile UI components to build custom learning interactions

Audience:
Novice and intermediate designers and developers; some knowledge of HTML5 is helpful but not necessary.

Technology discussed in this session:
HTML5, jQuery Mobile, and the xAPI.

Technology Required:
Sublime Text editor, jQuery Mobile, HTML, and CSS.