`

8个优秀的jQuery Mobile教程

 
阅读更多

jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。虽然jQuery Mobile相对较新,但开发人员可以用jQuery Mobile为许多移动设备(包括智能手机和平板电脑)开发网站应用程序,RSS阅读器等应用。本文将为大家介绍8个有用的jQuery Mobile移动教程。

1.Creating a Website Using JQuery Mobile

地址:http://miamicoder.com/category/tutorials/jquery-mobile-tutorials/

在本教程中将告诉您如何利用jQuery Mobile建立一个网站。这个教程的第一部分为您解释该网站的特点并且完成网站的主页。

jQuery Mobile教程:Creating a Website Using JQuery Mobile

View Live Demo Part1Part2Part3

2.jQuery Mobile: What Can It Do for You?

地址:http://www.elated.com/articles/jquery-mobile-what-can-it-do-for-you/

这是一篇介绍jQuery Mobile主要特性和优点的详细教程,举例说明了如何利用这个新架构帮助你快速建立优质移动应用。

jQuery Mobile教程:jQuery Mobile: What Can It Do for You?

View Live Demo


3.Getting Started with jQuery Mobile & Rails 3

地址:http://fuelyourcoding.com/getting-started-with-jquery-mobile-rails-3/

本教程教我们如何利用Rails 3和jQuery Mobile创建CRUD应用。该应用程序将允许我们通过移动设备创建,读取,更新和删除博客帖子。

jQuery Mobile教程:Getting Started with jQuery Mobile & Rails 3
View Live Demo

渡等创建一个简单的移动网站。

jQuery Mobile教程:Creating a Simple App Using jQuery Mobile
View Live Demo

5.How to create a mobile WordPress theme with jQuery Mobile

地址:http://www.catswhocode.com/blog/how-to-create-a-mobile-wordpress-theme-with-jquery-mobile

本教程为您介绍如何创建一个移动优化WordPress主题。

jQuery Mobile教程:How to create a mobile WordPress theme with jQuery Mobile

View Live Demo


6.Two-Minute Tutorial 1

地址:http://www.mobiledevelopersolutions.com/home/start/twominutetutorials/tmt1part1

这个两分钟教程展示了如何使用AppLaud和PhoneGap Media API播放音频文件,并使用jQuery Mobile实现按钮和文本显示。它也显示了两种方法来访问音频文件:网址或本地上传。

jQuery Mobile教程:Two-Minute Tutorial 1
View Live Demo Part1Part2


7.jQuery Mobile Framework – A Forms Tutorial

地址:http://mobile.tutsplus.com/tutorials/mobile-web-apps/jquery-mobile-forms/

jQuery Mobile是一个相对较新的移动网络框架,2010年10月首次发布。该框架有许多有趣的功能来支持移动应用开发。在本教程中,我们将集中于jQuery Mobile的一些基本要素:页面结构,形式和Ajax提交表单。本教程是基于jQuery Mobile 1.0 alpha版本。

jQuery Mobile教程:jQuery Mobile Framework – A Forms Tutorial
View Live Demo


8.How to Build an RSS Reader with jQuery Mobile

地址:http://net.tutsplus.com/tutorials/javascript-ajax/how-to-build-an-rss-reader-with-jquery-mobile-2/

本教程教我们如何使用PHP和jQuery Mobile建立一个简单的Tuts+ RSS阅读器。学习完这个教程,您可以轻而易举地在iPhone或Android手机上创建Tuts+ RSS阅读器。

jQuery Mobile教程:How to Build an RSS Reader with jQuery Mobile
View Live Demo


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics