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

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平台。由于它易于安装和配置,我在开发时通常就直接使用这个包,而不单独安装每个软件

时间: 2024-08-02 18:24:10

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

《jQuery Mobile入门经典》—— 1.1 为什么要使用jQuery Mobile

1.1 为什么要使用jQuery Mobile jQuery Mobile入门经典 世界正在变得可移动化.根据预测,移动网站的流量在未来几年将会超越桌面网站的流量.即使是现在,随处可以见到人们在使用移动设备来学习.购物.比价,以及在等待约会时作为消遣.移动设备如此方便,可以随意带到任何地方. 来看一下您是如何使用当前的移动设备的.即使您只拥有一台iPod Touch,我敢打赌,您肯定会通过它查看邮件.查找天气预报并且浏览少量的网页.至于您已经安装的应用,其中一部分很有可能或已经是设计精巧的Web

《jQuery Mobile入门经典》—— 1.2 支持的设备

1.2 支持的设备 jQuery Mobile入门经典 jQuery Mobile能用在什么设备上面呢?几乎所有具有浏览器的设备都可以运行jQuery Mobile(包括台式机).然而根据所使用的浏览器以及浏览器之下的硬件设备的不同,将获得不同的体验.当然从更深的层次来看,这也与设备所使用的操作系统有关.以下按设备的尺寸从大到小列出jQuery Mobile支持的设备. 1.2.1 台式机.笔记本电脑与一体机 使用jQuery Mobile的网站可以运行在PC.Mac或者Linux计算机上的任何

《jQuery Mobile入门经典》—— 2.3 使用JavaScript完成功能

2.3 使用JavaScript完成功能 jQuery Mobile入门经典 我们现在知道如何在网站中使内容具备样式--如果可以在访问者来查看网站的时候让某些事情发生,那可能会挺好.这就是JavaScript发挥作用的地方. 起初,在JavaScript开始引入的时候,获得了一个不好的名声.人们不理解它是什么,或者它有什么用处.我记得我的一个朋友确信他中了病毒,因为每次他访问某一网站的时候,单词会跟随他的鼠标在屏幕上围绕. 对许多人来说,JavaScript成为令人讨厌的东西,充其量不过是一个制

《jQuery Mobile入门经典》—— 2.5 问与答

2.5 问与答 jQuery Mobile入门经典问:单行层级格式的样式表会造成任何渲染上的问题吗?答:是的,使用单行层级格式的样式表对某些浏览器来说可能偶尔会造成问题.当在CSS中设置属性和值的时候,如果忘记在某个值前面添加一个空格,这个值可能会被跳过,导致样式不完整.这就是为什么许多开发者更喜欢使用段落样式,并且在生产机上使用之前再压缩代码的另一个原因. 问:即使开发者们现在使用CSS来表现样式,我可以仍然使用表格吗?答:当然可以.只是要记住,只有为了显示列表数据才使用表格.真的应该避免作为

《jQuery Mobile入门经典》—— 1.5 问与答

1.5 问与答 jQuery Mobile入门经典问:对移动开发来说,Web服务器是必不可少的吗?答:这是一个很好的问题,但回答起来有点难.如果您的移动网站是静态的,不使用任何动态的代码,那么您可以不使用服务器来开发.不过,除非开发的是一个单页的网站,要不然当您尝试载入各个单独的页面的时候,可能会遇到错误信息.使用服务器可以有更好的效果,可以使用AJAX,还可以使用模拟器或者处于相同网络的真机来测试网站在不同设备上的情况. 问:我必须使用IDE来进行开发吗?推荐的IDE太贵了,或者对我来说没有吸

《jQuery Mobile入门经典》—— 导读

前言 jQuery Mobile入门经典毫无疑问,当前我们在获取.使用和分享网上的资源时,所采用的方式正在不断变得越来越移动化.每个月都会有数以千计的新智能手机被激活,并被它们的主人带到包括杂货店或山野远足在内的每个地方.随着我们对网络连接的渴求延伸到了几年之前还不能到达的区域,我们需要可以简单快速传递信息的网站,而且不管我们使用何种设备访问网站,它都可以正常运作.而这一切可以使用jQuery Mobile做到. jQuery Mobile基于流行的.稳定的jQuery框架而构建,可以用来将现有

《jQuery Mobile入门经典》—— 2.1 使用HTML创建内容

2.1 使用HTML创建内容 jQuery Mobile入门经典HTML是Web的基本构件.它是支撑整个网站的框架结构,也是让您随意扩展网站的基础.HTML自诞生以来已经取得长足的进步,并将继续演进和发展. 2.1.1 HTML的作用 在层叠样式表单(CSS)引入之前,HTML标记处理所有东西.图像.文本.布局以及滚动的文本,几乎所有东西都由HTML标记来表示.您可能还记得在浏览器中查看源代码时,看到许多用于布局用途的   字符实体. 随着开发者热切期望探索新的领域并推动语言的发展,事情不断变得

《jQuery Mobile入门经典》—— 2.2 展现CSS样式

2.2 展现CSS样式 jQuery Mobile入门经典层叠样式表单用来把平淡无奇的内容转换成为令人兴奋和着迷的体验.可以使用几种不同的方式把样式添加到网站中. 当在style标记或外部文件中添加CSS样式时,可以在单独的一行中书写CSS样式,也可以把它分解成段落的格式. 不熟悉CSS的开发者通常喜欢段落的格式,而熟练的开发者可能使用单独的一行并附带空格或制表符来表示样式和布局的层级. 尽管我确实喜欢某一种格式的风格,不过当所有都完成的时候,我会压缩我的CSS样式以在真实环境中使用,所以保持C

《jQuery Mobile入门经典》—— 第 1 章 了解jQuery Mobile

第 1 章 了解jQuery Mobile jQuery Mobile入门经典 本章将学习: 为什么要使用jQuery Mobile: 什么设备支持jQuery Mobile: 有助于开发网站的工具. 我很高兴您对jQuery Mobile感兴趣并开始学习它.首先,我们开始一个简短的讨论,看看为什么您要考虑投身于移动设计,以及为什么jQuery Mobile是最好的解决方案. 然后,您会了解到jQuery Mobile支持的不同类型的设备,并快速浏览一下jQuery Mobile支持的操作系统.