9 个很有用的 jQuery Mobile 教程(英文)

来源: OSCHINA
编辑: 红薯
2011-04-27

jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。我们将尽全力去满 足这样的需求。

下面是 8 篇 jQuery Mobile 的英文教材:

1. Creating a Website Using JQuery Mobile (使用jQuery Mobile创建手机网站)

In this tutorial I will show you how to build a website with JQuery Mobile. In this first part of the tutorial I will explain the site’s characteristics, and I will implement the home page of the site.

14

View Live Demo Part1 Part2 Part3

2. jQuery Mobile: What Can It Do for You? (jQuery Mobile: 我们能为你做什么?)

In this article, elated is sharing detailed jquery mobile tutorial which look at some of the key features and benefits of jQuery Mobile, and show some examples of how this new framework can help you build top-quality mobile apps in next to no time.

 jQuery Mobile

View Live Demo

3. Getting Started with jQuery Mobile & Rails 3 (jQuery Mobile 和 Rails 3 入门)

This tutorial teach us how to create CRUD application with Rails 3 and jQuery Mobile. The application will allow us to create, read, update and delete blog posts from mobile devices.

 jQuery Mobile

View Live Demo

4. Creating a Simple App Using jQuery Mobile (使用 jQuery Mobile 创建一个简单的应用)

In this article, we’ll take a look at how easy it is to create a simple mobile website using framework, complete with dynamic (AJAX) page loading, iOS-style design and slick page transitions.

4

View Live Demo

5. How to create a mobile WordPress theme with jQuery Mobile (如何使用jQuery Mobile 创建一个适合手机浏览的 WordPress 场景)

In this tutorial, catswhocode show us how to create a mobile-optimized WordPress theme.

5

View Live Demo

6. Two-Minute Tutorial  1 (jQuery Mobile 两分钟教程)

This Two-Minute Tutorial (TMT1 Part1) shows how to use AppLaud and the PhoneGap Media API to play an audio file, and use jQuery Mobile for a simple UI using buttons and updated text display. It also shows two ways to access the audio file: as a url, and locally (from the device) using the project’s /assets folder

11

View Live Demo Part1 Part2

7. jQuery Mobile Framework – A Forms Tutorial (jQuery Mobile 框架——一个表单教程)

jQuery Mobile is a relatively new mobile web framework, with its first release made in October 2010. The framework has many interesting features to support development of web based mobile applications. In this tutorial, we will focus on some basic elements of jQuery Mobile: page structure, forms and Ajax form submission. The tutorial is based on version 1.0 alpha release 2 of the jQuery Mobile framework.

8

View Live Demo

8. Creating a Website Using JQuery Mobile (使用 jQuery Mobile 创建一个网站)

In this tutorial I will show you how to build a website with JQuery Mobile. In this first part of the tutorial I will explain the site’s characteristics, and I will implement the home page of the site.

 jQuery Mobile

View Live Demo Part1 Part2 Part3

 

9. How to Build an RSS Reader with jQuery Mobile (如何使用jQuery Mobile构建RSS 阅读器)

This is maybe the first jquery mobile tutorial that I found in the net. This tutorial teach us how to build a simple Tuts+ RSS reader, using PHP and jQuery Mobile. When we’re finished, you’ll have the ability to add this simple project to your iPhone or Android phone with the click of a button, as well as the skills to build your web apps!

 jQuery Mobile

View Live Demo

展开阅读全文
37 收藏
分享
加载中
更多评论
0 评论
37 收藏
分享
返回顶部
顶部