内容简介
本书涵盖Javascript快速开发的多项前沿技术，是极其少见的前后端技术集大成之作。本书所涉技术包括Node.js、MongoDB、Twitter Bootstrap、LESS、jQuery、Parse.com、Heroku等，分三部分介绍如何用这些技术快速构建软件原型。第一部分是基础知识，让大家真正认识前后端及敏捷开发，并学会搭建本地及云环境。第二部分与第三部分分别介绍如何构建前端原型和后端原型。作者以前端组件开篇，通过为一个示例聊天应用Chat打造多个版本（Web/移动），将前端和后端结合在一起并给出应用部署方式。
目录
第一部分 快速入门
第1章 基础知识
1.1 定义前端
1.1.1 综述
1.1.2 HTML
1.1.3 CSS
1.1.4 Javascript
1.2 敏捷开发概述
1.2.1 Scrum
1.2.2 测试驱动开发
1.2.3 持续部署和集成
1.2.4 结对编程
1.3 后端定义
1.3.1 Node.js
1.3.2 NoSQL和MongoDB
1.3.3 云计算
1.3.4 请求和响应
1.3.5 REST式API
第2章 设置
2.1 本地环境搭建
2.1.1 开发目录
2.1.2 浏览器
2.1.3 IDE和文本编辑器
2.1.4 版本控制系统
2.1.5 本地服务器
2.1.6 数据库：MongoDB
2.1.7 其他组件
2.2 云端环境搭建
2.2.1 SSH 密钥
2.2.2 GitHub
2.2.3 Windows Azure
2.2.4 Heroku
2.2.5 Cloud9
第二部分 前端原型构建
第3章 jQuery和Parse.
3.1 定义
3.1.1 JSON
3.1.2 AJAX
3.1.3 跨域调用
3.2 jQuery
3.3 Twitter Bootstrap
3.4 LESS
3.4.1 变量
3.4.2 混入类（mixin）
3.4.3 操作符
3.5 使用第三方API（Twitter）和jQuery的例子
3.6 Parse.
3.7 使用Parse.的Chat概述
3.8 使用Parse.的Chat：REST API和jQuery版本
3.9 推送到GitHub
3.10 部署到Windows Azure
3.11 部署到Heroku
3.12 更新和删除消息
第4章 Backbone.js
4.1 从头开始构建Backbone.js应用
4.2 使用集合
4.3 事件绑定
4.4 使用Underscore.js视图和子视图
4.5 重构
4.6 开发时的AMD 和Require.js
4.7 生产环境里的Require.js
4.8 简单好用的Backbone脚手架工具
第5章 Backbone.js和Parse.
5.1 使用Parse.的Chat：Javascript SDK和Backbone.js版本
5.2 部署Chat到PaaS
5.3 增强Chat应用
第三部分 后端原型构建
第6章 Node.js和MongoDB
6.1 Node.js
6.1.1 创建Node.js 的Hello World程序
6.1.2 Node.js 核心模块
6.1.3 NPM
6.1.4 部署Hello World到PaaS
6.1.5 部署到Wind
摘要与插图
第一章基础知识提要：综述HTML、CSS和Javascript语法；简单介绍敏捷开发方法；云计算、Node.js和MongoDB的好处；HTTP请求/响应，以及REST式API的思想。
我认为每个人都应该学会为计算机编程，这会教你如何去思考。计算机科学是自由的艺术，是所有人都应该学习的。
——史蒂夫乔布斯
1.1定义前端
1.1.1综述
Web和移动应用开发过程一般包含以下步骤：
(1)用户在浏览器（客户端）里输入或者点击一个链接；
(2)浏览器向服务器发送HTTP请求；
(3)服务器处理请求，如果查询字符串或者请求体里含有参数，服务器也会把这些参数信息考虑进去；
(4)服务器更新、获取或者转换数据库里的数据；
(5)服务器以HTML、JSON或者其他格式返回一个HTTP响应；
(6)浏览器接收HTTP响应；
(7)浏览器以HTML或者其他格式（比如JPEG、XML或者JSON）把HTTP响应呈现给用户。
移动应用的行为动作与普通网站相同，只不过原生应用取代了浏览器。其他主要区别为：带宽带来的数据传输限制、更小的屏幕、更地使用本地存储。
这里有几种针对移动应用的开发方式，每种各有利弊：
用Objective-C和Java开发的原生iOS应用、Android应用和Blackberry应用；
使用Javascript开发，但是使用Appcelerator或者类似的工具来编译为原生的Objective-C或Java应用；
通过响应式设计、TwitterBootstrap和Foundation等CSS框架、常规CSS或其他模板来适配小屏幕的移动网站；
使用SenchaTouch、Trigger.io、JO构建包含HTML、CSS、Javascript的HTML5应用，然后使用PhoneGap包装成原生应用。
1.1.2HTML
HTML本质上不是编程语言，而是一组用来描述内容结构和格式的标记。HTML标签由一对尖括号以及括号内的标签名组成。大多数情况下，内容会包含在一对开始标签和结束标签之间，结束标签的标签名前有一个斜杠（/）。
下面的例子里，每一行都是一个HTML元素：
OverviewofHTML
HTMLisa...
HTML文档会有一个html标签，所有其他元素都是html标签的子标签：
OverviewofHTML
HTMLisa...
HTML有不同的版本，比如DHTML、XHTML1.0、XHTML1.1、XHTML2、HTML4和HTML5。这篇文章对它们的区别做了很好的诠释：MisunderstandingMarkup:XHTML2/HTML5ComicStrip。
所有的HTML元素都具备一些属性。重要的属性如下：class、id、style、data-name、onclick以及其他事件属性。
class
class属性定义了一个类，以便于使用CSS给元素添加样式或者进行DOM操作，比如：
...
id
id属性定义了元素的ID，作用有点像class，但是必须是的，比如：
...
style
style属性定义了一个元素的内联CSS，比如：
...
title
title属性为元素指定了一些额外信息，在大多数浏览器里这些信息均是以小提示条的形式呈现的。比如：
...
data-name
data-name属性可以用来在DOM中存储一些元数据。比如：
...
onclick
onclick属性意味着在点击事件发生时，内联的Javascript代码将运行，比如：
...
onmouseover
和onclick属性类似，但它由鼠标悬停事件触发，比如：
...
其他与内联Javascript代码相关的HTML属性如下。
onfocus：当浏览器的焦点聚集在某个元素上时触发。
onblur：当浏览器的焦点离开一个元素时触发。
onkeydown：用户按下键盘上的键时触发。
ondblclick：
