学习手册：JavaScript 脚本语言

JavaScript 是不管怎么样都要学的语言。它是客户端脚本语言，就是你写好的 JS 代码是在客户那边儿执行的，一般就是用户的浏览器，浏览器都有一个解释 JavaScript 的引擎。你把写好的 JS 嵌入到网页里面，浏览器会把网页上的这些 JS 文件下载下来，然后再去执行。

准备

先学会 HTML 与 CSS，接着就可以学习 JavaScript 了。你只需要一个文本编辑器（Atom，Brackets，Sublime ... ），一个浏览器，推荐使用 Chrome 浏览器，还有下面这些视频 ：）

目标

1. 学会 JS 的基本语法
2. 定义与使用函数
3. 定义与使用对象
4. 知道 DOM 是什么
5. 明白怎么样监听网页上发生的事件
6. 会用 jQuery
7. 了解一个简单的 MVC 框架 -  Backbone

基础

1. 准备
   1. 课程介绍 01:01
   2. 在网页中嵌入脚本代码的方法 02:34
   3. 注释 - 说明你的意图 01:17
2. 基本语法
   1. 变量 - 给东西起个名字 03:29
   2. 数据的类型 - 数字，文字，真与假 ... 05:23
   3. 文本字符串的处理 04:43
   4. Array 数组 - 把数据有序地放在大盒子里装着 05:11
3. 流程控制
   1. if - 先判断条件的对与错然后再决定要做的事 04:58
   2. switch - 先判断条件的对与错然后再决定要做的事 02:19
   3. while 循环 - 重复地去做要做的事 04:14
   4. for 循环 - 重复地去做要做的事 02:46
4. 函数
   1. function 函数 - 一块可以执行的代码 01:02
   2. 定义一个函数 02:28
   3. 函数表达式 00:55
   4. 变量的范围 02:03
5. 对象
   1. Object 对象 - 能存数据 能做事 00:53
   2. 创建一个对象 02:52
   3. 对象里的数组 01:30
   4. 更新与删除对象里的属性 01:04
   5. 为对象添加方法 01:37
   6. 循环输出对象里的属性 01:36
6. DOM
   1. DOM - 操纵文档的接口 01:06
   2. 文档树 01:41
   3. 获取文档中的元素 getELementById 01:41
   4. getElementsByTagName 01:01
   5. querySelector 与 querySelectorAll 01:21
   6. 访问元素的属性 03:49
   7. 在文档中创建并插入新的节点 02:15
   8. insertBefore - 在指定位置插入节点 01:50
7. 事件
   1. Event - 处理发生的事情 00:47
   2. 处理事件的方法 03:14
   3. 用对象的事件处理程序处理发生的事件 03:04
   4. addEventListener - 为对象绑定事件 03:56
   5. 事件的传播 02:48
   6. 更改事件传播方式 03:39
   7. 停止传播事件 01:03

jQuery

1. 起步
   1. 课程介绍 00:56
   2. 准备工作 03:26
   3. 当页面载入以后 01:59
   4. jQuery 函数 01:56
   5. jQuery 方法 01:18
2. 选择器
   1. 选择器 01:02
   2. 基本的选择器 02:18
   3. 选择器里的过滤 02:48
   4. 选择器里使用元素的属性 03:28
   5. 选择表单元素 02:12
   6. 子元素选择器 - :first-child, :last-child 01:34
   7. 子元素选择器 - :nth-child 01:56
   8. 内容过滤 00:44
   9. 过滤的方法 02:02
   10. 使用文档树形结构里的关系过滤 02:13
3. 元素
   1. 操纵元素的属性 01:05
   2. 设置与移除元素属性的方法 01:53
   3. 添加，移除，切换 CSS 类 02:50
   4. 元素的宽度和高度属性 03:17
   5. 设置 CSS 属性 02:45
   6. 元素的偏移 01:04
   7. 元素的位置 01:08
4. DOM
   1. 包装 03:28
   2. 内部追加 01:35
   3. 外部追加 02:04
   4. 移除 01:45
   5. 替换 01:34
   6. 克隆 00:55
5. 事件
   1. 介绍 01:21
   2. 鼠标 03:14
   3. 键盘输入与表单 01:03
   4. 键盘输入与表单 - focus, blur 02:50
   5. 键盘输入与表单 - keyup 01:36
   6. 键盘输入与表单，change, submit 02:11
   7. 事件的绑定 - on 02:08
   8. 事件的取消绑定 - off 02:04
6. 动画
   1. 逐渐消失与逐渐显示 04:34
   2. 动画完成以后的回调函数 03:30
   3. 滑动效果与显示或隐藏

Backbone

1. 准备
   1. 课程介绍 00:49
   2. 准备 01:15
2. 模型
   1. 模型 - Model 03:30
   2. 获取，添加，删除，清空属性 03:47
   3. 默认值 - defaults 01:43
   4. 初始化 - initialize 01:39
   5. 属性值变化发生的事件 - change 03:23
   6. 验证属性的值 - validate 03:20
   7. 利用验证失败后的事件 - invalid 01:57
3. 视图
   1. 视图 - View 03:45
   2. 渲染视图 - render 03:32
   3. 模板 - template 04:31
4. 集合
   1. 集合 - Collection 03:15
   2. 添加模型到集合里 03:36
   3. 从集合中移除模型 - remove, reset, pop, shift 04:13
   4. push, unshift，at: index 04:13
   5. 事件 - add, remove, change 04:57
   6. 更聪明的添加模型到集合里的方法 - set 03:11
   7. 获取在集合里的模型 02:34
   8. 集合视图 07:05
5. 路由
   1. 路由 - Router 03:27
   2. 地址中的参数 04:00
   3. 地址中的可选部分 01:57
   4. 手工改变地址 - navigate 04:06
6. RESTful
   1. RESTful - 准备 00:33
   2. 数据库 05:34
   3. 控制器 02:23
   4. 从数据库中提取数据到集合里 05:30
   5. 提取模型 - fetch 03:04
   6. 添加数据 - save 03:18
   7. 把模型添加到集合里再更新到数据库 - create 03:45
   8. 更新数据 02:58
   9. 删除数据 - destroy 02:08

Underscore

1. 准备
   1. 课程介绍 00:51
   2. 准备 01:46
2. 集合
   1. 循环处理列表中的每一个项目 - each 03:43
   2. 遍历列表项目生成新的处理之后的列表 - map 01:39
   3. 把列表里的所有值转换成一个值 - reduce 03:59
   4. 查找，过滤，反过滤 - find, filter, reject 02:04
   5. 找到包含特定属性和值的项目 - where, findWhere 01:45
   6. 判断列表里的项目 - every, some, contains 03:17
   7. 挑出列表里面的指定属性的值 - pluck 00:52
   8. 找出列表里面值最大或最小的项目 - max, min 01:57
   9. 排序 - sortBy 02:33
   10. 分组 - groupBy 02:36
   11. 分组计数 - countBy 01:17
   12. 随机与取样 - shuffle, sample 01:25
3. 数组
   1. 从数组里挑选项目 - first, last, initial, rest, without 02:56
   2. 把数组分割成两部分 - partition 01:23
   3. 并集，交集，差集 - union, intersection, difference 01:42
   4. 去掉数组里面的重复的项目 - uniq 01:00
   5. 找出指定值的项目在数组中的位置 - indexOf, lastIndexOf 01:31
   6. 测试即将插入到数组里的项目的位置 - sortedIndex 03:26
4. 函数
   1. 函数 - 为函数绑定对象 - bind 03:50
   2. 把对象里的一些方法绑定到对象上 - bindAll 05:58
   3. 延时执行函数 - delay 01:34
   4. 你继续，我先等会儿 - defer 01:30
   5. 防止滥用- throttle 01:28
   6. 只能执行一次的函数 - once 00:57
5. 对象 - keys, values, pick, omit 02:01
6. 链式调用 - chain 01:46

Backbone 应用实例

1. 准备
   1. 预览 - 一个任务管理小应用 01:52
   2. 准备 06:36
   3. HTML 03:22
2. 创建任务
   1. 创建新任务的功能 - 创建任务模型 02:44
   2. 创建任务集合（任务列表） 02:29
   3. 理解 Backbone 的 localStorage 03:56
   4. 任务的视图（模型视图） 04:50
   5. 任务项目的模板 05:02
   6. 应用的视图 02:46
   7. 回车以后创建新任务 - keypress 事件 03:31
   8. 如果按的是回车键就去创建新任务 03:47
   9. 把任务项目显示在应用的界面上 - add 事件 04:22
   10. 回顾 03:42
3. 切换任务
   1. 切换任务的完成状态 - 思路 01:08
   2. 切换任务的完成状态 - 实施 04:12
   3. 为完成的任务添加样式 03:07
   4. 当任务发生变化时重新渲染并显示 - change 事件 01:59
4. 编辑任务
   1. 编辑任务 01:28
   2. 双击任务标题以后显示编辑任务的文本框 - dblclick 事件 04:21
   3. 回车或离开编辑任务的文本框时保存修改 - keypress 与 blur 事件 04:00
5. 删除任务
   1. 删除单个的任务项目 03:04
   2. 删除以后立即把任务从界面中移除掉 - destroy 事件 01:23
   3. 删除单个任务的另一种方法 01:22
6. 状态
   1. 显示还剩多少个任务与删除完成的任务按钮 01:07
   2. 得到完成的任务与未完成的任务 04:22
   3. 状态栏模板 02:43
   4. 在应用的视图里使用显示任务状态栏的模板 05:53
   5. 清除所有已完成的任务 02:55
   6. 切换所有任务的状态 02:58
7. 完成
   1. 切换显示不同状态的任务列表 00:59
   2. 模板 02:29
   3. 路由器 04:08
   4. 利用自定义事件 03:48
   5. 判断是否要隐藏任务项目 06:42
   6. 激活菜单项 03:59