jQuery Mobile Basics: How to build Mobile Web Apps easily

jQuery Mobile Basics: How to build Mobile Web Apps easily

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 2h 49m | 863 MB

Learn to make responsive web sites and apps that are accessible on smartphones, tablets and desktop devices.

jQuery Mobile is an HTML5-based user interface system designed to make responsive web sites and apps. Building web apps targeted for mobile devices can be daunting. Even to get web applications to look good on mobile devices, there is still a lot of CSS to get the HTML to look good on both phones and tablets. To get the effect you want you may have to spend hours learning CSS, JavaScript, and HTML.

In this course, Jeff Batt will take you through the basics of building jQuery Mobile Apps from basic mobile pages to using touch events. It is also flexible enough to go beyond the default look/feel and create custom UI components.

Learn

  • Basics of jQuery Mobile
  • jQuery Mobile Page Structure
  • Using different UI Elements in jQuery Mobile
  • Adding jQuery Touch Events
Table of Contents

jQuery Mobile Introduction
1 jQuery Mobile Introduction

Setting up a jQuery Mobile Project
2 Basic HTML Review
3 Attaching jQuery Mobile Files – Part 1
4 Attaching jQuery Mobile Files – Part 2
5 Fixing Mobile Preview Issues

jQuery Pages, Theming and Buttons
6 jQuery Mobile Page Basic Structure
7 jQuery Mobile Theming
8 Buttons – Part 1
9 Buttons – Part 2

jQuery Headers and Footers
10 Headers and Footers – Part 1
11 Headers and Footers – Part 2

jQuery Mobile List Views
12 List Views – Part 1
13 List Views – Part 2
14 List Views – Part 3

Collapsibles and Panels
15 Collapsibles
16 Panels – Part 1
17 Panels – Part 2

Grids
18 Grids Overview

Navbars and Pop Up’s
19 Navbars
20 Pop Up’s

Tab Interaction and Divide Groups
21 Tab Interaction
22 Divide Groups

Image Resizing, Audio and Video
23 Image Resizing
24 Using Audio in HTML5
25 Using Video in HTML5

Touch Events
26 Using jQuery Touch Events in jQuery Mobile

Conclusion
27 Conclusion