- 任务一：零基础HTML编码
- 任务二：零基础HTML及CSS编码（一）
- 任务三：三栏式布局
- 任务四：定位和居中问题
- 任务五：零基础HTML及CSS编码（二）
- 任务六：通过HTML及CSS模拟报纸排版
- 任务七：实现常见的技术产品官网的页面架构及样式布局
- 任务八：响应式网格（栅格化）布局
- 任务九：使用HTML/CSS实现一个复杂页面
- 任务十：Flexbox 布局练习
- 任务十一：移动Web页面布局实践
- 任务十二：学习CSS 3的新特性
- 任务十三：零基础JavaScript编码（一）
- 任务十四：零基础JavaScript编码（二）
- 任务十五：零基础JavaScript编码（三）
- 任务十六：零基础JavaScript编码（四）
- 任务十七：零基础JavaScript编码（五）
- 任务十八：基础JavaScript练习（一）
- 任务十九：基础JavaScript练习（二）
- 任务二十：基础JavaScript练习（三）
- 任务二十一：基础JavaScript练习（四）
- 任务二十二：JavaScript和树（一）
- 任务二十三：JavaScript和树（二）
- 任务二十四：JavaScript和树（三）
- 任务二十五：JavaScript和树（四）
- 任务二十六：行星与飞船（一）
- 任务二十七：行星与飞船（二）
- 任务二十八：行星与飞船（三）
- 任务二十九：表单（一）单个表单项的检验
- 任务三十：表单（二）多个表单项的动态校验
- 任务三十一：表单（三）联动
- 任务三十二：表单（四）实现表单自动生成工厂
- 任务三十三：听指令的小方块（一）
- 任务三十四：听指令的小方块（二）
- 任务三十五：听指令的小方块（三）
- 任务三十六：听指令的小方块（四）