《jQuery Mobile入门经典》—— 1.3 开发者的宝库

简介:

本节书摘来异步社区《jQuery Mobile入门经典》一书中的第1章,第1.3节,作者:【美】Phil Dutson,更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.3 开发者的宝库

jQuery Mobile入门经典
既然已经了解jQuery Mobile可以运行在几乎所有连接到网络的设备上,您可能会问一些问题,例如:

  • 我要用什么编程语言来创建移动网站?
  • 如果有的话,什么集成开发环境(IDE)可用于开发?
  • 我需要安装Web服务器来开发移动网站吗?
  • 我应该在什么平台上开发移动网站?
  • 我可以使用免费工具做开发吗?或者开发工具会涉及费用吗?

这些都是实际而重要的问题。作为开发者,应该知道哪些工具可以使用。下面来回答每一个问题并对其进行扩展,使您明确知道开发者的宝库里有些什么工具可以使用。

1.3.1 编程语言

如果已经创建了一个网站并想再做一个移动版本,或者把现成的网站转换成移动版网站,那么我有好消息要告诉您,您已经具备了使用jQuery Mobile的整套基本技能。

在开始开发之前,需要掌握HTML、CSS和JavaScript的相关知识。如果想更进一步,也可以把一些脚本语言结合进来。只要您需要,以PHP作为主体语言也没有问题。如果需要Ruby来让事情按照您预想的方式进行,那就用吧。虽然熟悉其他编程语言也有帮助,但不是必须的。

1.3.2 集成开发环境(IDE)、平台与成本

虽然也有顽固的、喜欢自己动手来做一切的开发者,他们只需要notepad、textedit或vi等文本编辑器就可以完成所有的代码,但也有大量的开发者在开发过程中喜欢得到一些帮助,如自动完成、自动闭合和代码片段库等。如果您喜欢得到这些程序助手的帮助,那么您很可能想在IDE上做开发。

Windows、OS X或Linux的忠实用户都可以使用任何平台来做开发。记住,jQuery Mobile只是一个JavaScript框架,所以任何您已经使用于开发网站的平台都可以与jQuery Mobile良好协作。

成本是一个很有趣的东西。有些人乐于为支持、特性与易用性而付费。而另外一些人宁愿牺牲这三者中的其中一项或甚至全部,来获得免费或有折扣的软件。

下面来讨论在您的操作系统上可以获得的一些开发工具,以及是否需要购买或可以免费获得。

1.3.3 Windows上的开发工具

这些开发工具可以运行在Windows平台上,包括Windows XP和Windows 7。

1.Aptana Studio
Aptana自称是世界上最强大的开源Web开发IDE。它自带一个用来调试的Web服务器,并支持服务器端的JavaScript。

作为Web开发IDE,我个人认为Aptana对还不熟悉Web开发的人来说是一个不错的选择。他们可以利用代码片段库,且不需要花时间去弄明白如何安装Web服务器来运行他们的项目。

Aptana已经被Appcelerator公司收购,并提供对Titanium的支持。借助Titanium,可以创建一个Web应用并把它打包成原生应用,运行在大部分移动设备和移动平台之上。

2.Eclipse
如果您觉得Aptana Studio与Eclipse看上去十分相似,您想的没错。Eclipse是我最喜爱的IDE之一。我已经使用它开发了许多PHP、Java或两者皆有的项目。

Eclipse有许多不同的版本,但所有版本都支持插件和附加软件,允许对其自身进行组装和定制。普通版本的Eclipse不会让您破费,因为它是开源的。

鼓励大家向Eclipse项目捐款,以保持项目免费,并继续开发和提供支持。

3.Dreamweaver
回想Web开发刚刚兴起的时候,Macromedia公司拥有一个极好的小型IDE,名为Dreamweaver。它以“所见即所得”的方式来进行Web开发。后来,Macromedia公司被Adobe公司收购。自那以后,Dreamweaver集成了许多其他的Web技术以用于快速Web开发和部署。

最新版的Dreamweaver增加了对jQuery Mobile的内建支持,并包含数个预置的移动网站模板来让您更快地开始。

Dreamweaver的价格不固定,因为它提供多种的版本和套件。但您也可以下载一个30天的试用版来尝试一下,看看是否符合您个人的预想和开发需求。

4.Visual Web Developer Express
微软公司发布了这个Visual Studio的特别版本,面向新手或想学习新技术的开发者。使用这个Visual Studio的免费版要遵守特定的条款。对个人或教育用途没有限制,但如果您想从开发的项目中盈利或发布商业项目,必须升级到Visual Studio的完全版。

Visual Web Developer Express全面支持jQuery的代码完成(Code-Completion),并可与.NET和IIS一同使用。

5.Notepad++
下面将要提到的Windows平台上的IDE,实际上是我用得最多的一个。Notepad++是一个免费的程序,它与Windows上附带的记事本很类似。

与记事本类似的是,Notepad++可以处理扩展名为.txt的文本文件。更进一步的是,它还支持以标签排列的多文档、语法的突出显示、插件架构、脚本编程等特性。

无论我是在编辑XML、PHP、HTML、CSS和JavaScript,或者是各种各样的其他文件,Notepad++总是我最喜欢使用的工具。它没有集成服务器,但可以使用插件来建立远程连接,并通过FTP将文件上传到用来测试的网站。

6.Komodo IDE/Edit
寻找其他IDE的人,可以使用ActiveState公司的Komodo。Komodo IDE是该公司的旗舰产品,具有许多优秀的特性,包括代码协作、调试器和数据库浏览器。预算不够的话,可以试试Komodo Edit。这是ActiveState公司提供的免费软件,作为一个基本的工具包,没有额外的功能。也就是说,可以获得一个具有自动完成功能的编辑器,以及一个工具箱用来保存代码片段。这两个版本都可以运行在Windows、Linux和OS X 上面。

1.3.4 OS X上的开发工具

下面的应用程序运行在苹果公司的OS X平台上。下面列出的应用程序可以运行在Snow Leopard和Lion版本的OS X上。

1.Kod
我用过Kod一小段时间,发现它能够胜任开发工作。它是免费的,可以集成到文件系统中,成为大多数网页文件默认的编辑程序。

2.Coda
这是一个经常被谈论到的IDE,可以在App Store购买。它是OS X平台上最流行的Web开发工具之一。它同样附带了一些有用的工具,例如内置的SVN客户端和各类文件传输协议。Dreamweaver的用户会对它的布局和使用方法感到相当熟悉。

3.TextWrangler
当我在做快速编辑,或仅仅需要查看一下文件时,我会用TextWrangler。这是一个BBEdit的制作者发布的免费程序,支持大部分Web开发语言的语法高亮显示。

当然您也清楚,它是免费的,功能不可能很多。如果您需要更多特性可以升级到具有更全面功能的BBEdit。

TextWrangler不是为HTML的新手而设的,没有像BBEdit一样附带齐全的工具和代码段。所以,刚开始着手网站开发的新手大概使用别的IDE会感觉更顺手。

4.Espresso
Espresso是来自CSSEdit制作者的一个Web开发IDE。这个极好的小型IDE,但它拥有其他大型对手的所有特性,例如代码完成、实时预览、文件传输协议支持以及附加扩展。还有15天的免费试用,帮助您决定是否购买。

5.Eclipse
Eclipse是一个跨平台的应用程序,同样可用于OS X。就像在其他平台上一样,它通常也附带了同样数量的插件和附加软件。

6.Aptana Studio
是的,Aptana Studio同样可用在Mac电脑上。在Windows和Mac之间没有功能上的差异。如果您经常转换工作平台的话,使用Aptana Studio一定会感到很顺手。

7.Komodo IDE/Edit
当开发者从Windows平台转到OS X平台的时候,很快会遇到一些烦人的问题,例如Home键和End键不像Windows那样把光标移到所在行的开头和结尾,而是移到整个文档的开头和结尾。Komodo IDE和Komodo Edit都给这些按键的功能做了重新映射,与Windows保持一致。虽然这可能是一个小功能,但对某些开发者来说却十分重要。

1.3.5 Linux上的开发工具

下列的应用程序可以在Linux的大多数版本上使用。您需要自行编译源码或者根据Linux环境在软件仓库中找到这些应用的相应版本。

1.GNU Emacs
Emacs具备语法高亮和自定义支持,可作为投入并开始的一个很好的工具。没有太多的附加功能,准备好就开始吧。

Emacs有齐全的查找和替换工具,支持正则表达式。它还允许您编辑远程文件,甚至是其他用户拥有的文件,只要获得相应的认证和连接信息。

2.gedit
那些熟悉gnome的人一定用过gedit了。它是gnome桌面默认的文本编辑器,具备语法高亮和代码片段库。对于大多数Linux用户来说,这些功能在开发中已经绰绰有余。

3.Aptana Studio
世界是不是很小?Aptana Studio也能运行在Linux环境中。Windows和OS X版本具有的所有特性同样在Linux上可用。

4.Eclipse
正如前面在OS X部分提到的一样,Eclipse是跨平台的,所以它可以运行在Linux上,包括32位版和64位版。它具备所有与其他平台相同的特性,使平台间的转换成为易事。

5.Komodo IDE/Edit
正如前边提到的,Komodo IDE和Komodo Edit同样可用在Linux上。如果同时使用多个平台并希望平台之间保持一致的体验,这就是一个很好的解决方案。

1.3.6 Web服务器

一般来说,开发jQuery Mobile应用并不一定要运行Web服务器,甚至无须连接互联网。可以在本地载入和引用所有需要的文件,并在支持HTML 5和CSS 3的现代浏览器上进行测试。

当然,不在服务器上运行代码,将看不到一些实际效果,例如压缩、潜在的服务器问题、网络延迟、用户权限和.htaccess文件的更改,也不能在一个真实的移动设备上做全面的测试。下面会列出可供选择的Web服务器,在使用时,可能要设置文件路径和权限。

虽然有许多不同类型的Web服务器可供选择,但它们不是所有都能运行在同一个平台上。下面的说明将会列出Web服务器运行的具体平台。

1.Nginx
这是一个全功能的服务器,以低内存占用处理高并发连接而闻名。Nginx运行在Linux上,在OS X上也可自行编译,还为Windows提供了已编译的执行文件。

值得注意的是,Windows版本的执行文件使用了一些Cygwin的文件,因此我强烈建议不要在产品服务器上使用它的Windows版本。

2.Apache
可以肯定地说,大部分Web开发者都有与Apache服务器打交道的经历,或者已经把他们的网站托管在一个Apache服务器之上。

Apache大概是最流行的开源HTTP服务器了。它具有许多特性,进行维护与管理相当容易。Unix/Linux和Windows的版本都有提供下载。

如果使用的是OS X,那么已经安装了Apache。要看是什么版本的,可以打开终端,输入:httpd -v。

3.Lighttpd
Lighttpd的发音为:“lighty”,是服务器领域的一颗新星,关注的是速度。它只运行在Linux上,看起来相当简单易懂(无论使用还是安装)。

4.IIS
喜欢.NET的朋友们已经对IIS有所了解,它是.NET用户首选的Web服务器。IIS在多个版本的Windows操作系统中都是附带的,并可与PHP集成。它具有图形用户界面的配置和管理工具,还可以下载扩展来帮助您发挥它的最大作用。

5.XAMPP
XAMPP是一个用于网站服务的应用软件包。它包含Apache、MySQL、PHP和Perl,可以运行在Linux、Windows、OS X和Solaris平台。由于它易于安装和配置,我在开发时通常就直接使用这个包,而不单独安装每个软件

相关文章
|
JavaScript 前端开发 开发者
一篇文章带你用jquery mobile设计颜色拾取器
一篇文章带你用jquery mobile设计颜色拾取器
187 0
一篇文章带你用jquery mobile设计颜色拾取器
|
JavaScript 前端开发 CDN
手把手教你用jQuery Mobile做相册
手把手教你用jQuery Mobile做相册
161 0
手把手教你用jQuery Mobile做相册
|
Web App开发 JavaScript 前端开发
15款优秀的jQuery-Mobile插件
移动互联网迅速发展,PC端的网页并不能完全适应移动端页面需求,响应式设计体验产生并成为潮流。由此也促成了jQuery Mobile的流行。jQuery Mobile这样一款基于jQuery和jQuery UI的框架,继承了jQuery的“write less,do more”精髓,具有良好的扩展性和可定制性,全面兼容各种平台设备,对于不支持的手机类型,也会降级到基础样式。
431 0
15款优秀的jQuery-Mobile插件
|
JavaScript 前端开发 开发者
一篇文章带你用jquery mobile设计颜色拾取器
一篇文章带你用jquery mobile设计颜色拾取器
497 0
|
数据采集 JavaScript 前端开发
手把手教你用jQuery Mobile做相册
手把手教你用jQuery Mobile做相册
822 0
|
JavaScript 前端开发 Android开发