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