**Backbone.js 视频教程：驾驭经典 MVC，重塑前端开发思维**

在 Single Page Application（单页应用）蓬勃发展的今天，如何高效地管理前端复杂逻辑与数据状态，是每一位开发者必须面对的课题。本课程《Backbone.js 视频教程》作为一套体系化的入门指南，带领学员深入理解 Backbone 的核心架构，掌握 Model-View-Controller（MVC）在前端工程中的落地实践。无论你是希望夯实基础的前端初学者，还是渴望回溯经典框架设计思路的进阶开发者，这套课程都将为你提供清晰的实践路径。

**第一天：构建核心基石——Model 与 View 的诞生**

课程伊始，我们将走进 Backbone 的世界，从最基础的“体验 Backbone”开始，感受其轻量而强大的设计哲学。随后，课程深入讲解核心概念“模型对象”，学员将学习如何定义数据结构、初始化属性，并通过“修改模型”环节掌握 `set` 方法的使用技巧，理解数据变更后的响应式更新机制。

为了提升数据的安全性与管理效率，课程特别设置了“模型事件”与“删除校验”模块，帮助开发者学会监听数据变化并在关键操作前进行合法性判断。在视图层面，从“创建视图”到“模板”的应用，再到具体的“淘宝商品”案例实战，学员将逐步建立起 DOM 操作与数据绑定分离的工程意识。通过“视图模板”系列的层层递进讲解，你将学会如何利用 Underscore.js 的模板引擎，将静态 HTML 转化为动态的数据展示层，真正理解 View 的职责边界。

**第二天：数据集合的艺术与交互深化**

第二天课程聚焦于更复杂的数据结构——“集合”。我们将学习如何创建集合、批量操作模型，并利用 Backbone 内置的事件系统实现数据与 UI 的同步联动。为了巩固学习成果，课程设计了“淘宝商品列表”的综合案例，让学员在实践中体会 List 渲染的性能优化技巧。

此外，课程还引入了“Underscore 拓展”章节，讲解如何利用这个 JavaScript 工具库增强 Backbone 的功能，包括对数据进行高效的排序与过滤。从基础的算法排序到最终的“淘宝商品过滤”交互实现，每一个步骤都旨在提升代码的健壮性与用户体验。最后，通过“事件模板”系列课程，我们将深入探讨如何在复杂的 DOM 结构中优雅地处理用户交互事件，解决事件委托与内存泄漏等常见痛点。

**学习建议与目标**

完成本套课程后，你将不再仅仅是一个 API 调用者，而是能够真正理解前端 MVC 架构精髓的开发者。你能够独立搭建基于 Backbone 的小型应用，合理拆分 Model、View 与 Collection，并利用事件驱动机制实现松耦合的数据流控制。这套教程不仅传授技术，更传递了一种结构化编程的思维模式，为你的前端技术栈打下坚实而灵活的基础。

课程目录

1-1 [Backbone第一天] 体验backbone (31:05)
1-2 [Backbone第一天] 模型对象 (35:51)
1-3 [Backbone第一天] 修改模型 (19:32)
1-4 [Backbone第一天] 模型事件 (12:09)
1-5 [Backbone第一天] 删除校验 (23:17)
1-6 [Backbone第一天] 创建视图 (29:45)
1-7 [Backbone第一天] 模板 (13:26)
1-8 [Backbone第一天] 视图模板 (03:28)
1-9 [Backbone第一天] 视图模板2 (11:33)
1-10 [Backbone第一天] 淘宝商品 (23:51)
1-11 [Backbone第一天] 事件 (17:36)
2-1 [Backbone第二天] 创建集合 (29:23)
2-2 [Backbone第二天] 操作模型 (27:58)
2-3 [Backbone第二天] 事件 (06:31)
2-4 [Backbone第二天] 淘宝商品列表 (25:39)
2-5 [Backbone第二天] underscore拓展 (24:33)
2-6 [Backbone第二天] underscore拓展2 (08:40)
2-7 [Backbone第二天] 淘宝商品排序 (16:55)
2-8 [Backbone第二天] 淘宝商品排序--补充 (10:08)
2-9 [Backbone第二天] 集合过滤 (07:03)
2-10 [Backbone第二天] 淘宝商品过滤 (21:33)
2-11 [Backbone第二天] 事件模板 (13:07)
2-12 [Backbone第二天] 事件模板2 (07:08)
2-13 [Backbone第二天] 事件模板3 (28:03)
2-14 [Backbone第二天] 跨对象监听事件 (11:52)
2-15 [Backbone第二天] 淘宝商品模块通信 (05:09)
2-16 [Backbone第二天] 跨对象注销消息 (10:22)
2-17 [Backbone第二天] 拉取数据 (05:52)
3-1 [backbone第三天] seajs模块化 (26:38)
3-2 [backbone第三天] requireJs (19:16)
3-3 [backbone第三天] 路由 (01:53)
3-4 [backbone第三天] 启动路由 (31:52)
3-5 [backbone第三天] 列表页 (24:58)
3-6 [backbone第三天] 图片模型 (15:19)
3-7 [backbone第三天] 图片集合 (15:21)
3-8 [backbone第三天] 列表页 (30:59)
3-9 [backbone第三天] 图片模型 (15:19)
3-10 [backbone第三天] 图片集合 (15:21)
3-11 [backbone第三天] 列表页1 (30:59)
3-12 [backbone第三天] 列表页交互 (45:04)
3-13 [backbone第三天] 渲染大图页 (31:56)
3-14 [backbone第三天] 大图页交互 (19:41)