第1章 前期准备 3 节 | 20分钟

介绍课程目标和学习内容，基本环境的部署及结构说明。

收起列表

• 视频： 1-1 课程简介 (03:46)
• 视频： 1-2 基本环境的部署 (08:22)
• 视频： 1-3 结构说明 (07:13)

第2章 整体布局 2 节 | 21分钟

对所有页面进行整体布局，以保证在不同页面中的布局标准统一。

收起列表

• 视频： 2-1 整体布局（1） (10:28)
• 视频： 2-2 整体布局（2） (10:14)

第3章 细节完善 4 节 | 48分钟

使用css3选择器及css3样式对输入框、按钮及列表清单版块进行美化。

收起列表

• 视频： 3-1 细节完善(css reset、normalize.css) (08:25)
• 视频： 3-2 细节完善（1） (09:05)
• 视频： 3-3 细节完善（2） (15:44)
• 视频： 3-4 细节完善（3） (14:09)

第4章 添加及查看Task 5 节 | 59分钟

使用 store.js 第三方库对任务进行多维数据存储，实现新任务的添加、查看及删除任务功能。store.js可以对 locastorge 进行灵活操作。

收起列表

• 视频： 4-1 添加及查看Task（1） (10:49)
• 视频： 4-2 添加及查看Task（2） (13:15)
• 视频： 4-3 添加及查看Task（3） (09:36)
• 视频： 4-4 删除Task（1） (12:59)
• 视频： 4-5 删除Task（2） (11:23)

第5章 Task详情 6 节 | 62分钟

实现Task详情及对代码进行代码注释。

收起列表

• 视频： 5-1 Task详情（1） (07:57)
• 视频： 5-2 Task详情（2） (08:39)
• 视频： 5-3 Task更新（1） (12:20)
• 视频： 5-4 Task更新（2） (13:44)
• 视频： 5-5 Task更新（3） (10:16)
• 视频： 5-6 代码注释及完善工作列表 (08:11)

第6章 标记完成状态、定时提醒 5 节 | 72分钟

实现添加task提醒时间功能

收起列表

• 视频： 6-1 标记完成状态、定时提醒--标记完成状态（1） (12:54)
• 视频： 6-2 标记完成状态、定时提醒--标记完成状态（2） (13:15)
• 视频： 6-3 标记完成状态、定时提醒--标记完成状态（3） (17:06)
• 视频： 6-4 标记完成状态、定时提醒--setInterval实现Task定时提醒（1） (12:52)
• 视频： 6-5 标记完成状态、定时提醒--setInterval实现Task定时提醒（2） (15:19)

第7章 自定义Alert 4 节 | 54分钟

重写js原生Alert弹出框。

收起列表

• 视频： 7-1 自定义Alert--弹出层添加 (12:01)
• 视频： 7-2 自定义Alert--javascript 实现动态居中 (13:02)
• 视频： 7-3 自定义Alert--确定、取消功能（1） (13:22)
• 视频： 7-4 自定义Alert--确定、取消功能（2） (14:53)