任务一：零基础HTML编码Demo

任务二：零基础HTML及CSS编码（一）Demo

任务三：三栏式布局Demo

任务四：定位和居中问题Demo

任务五：零基础HTML及CSS编码（二）Demo

任务六：通过HTML及CSS模拟报纸排版Demo

任务七：实现常见的技术产品官网的页面架构及样式布局Demo

任务八：响应式网格（栅格化）布局Demo

任务九：使用HTML/CSS实现一个复杂页面Demo

任务十：Flexbox 布局练习Demo

任务十一：移动Web页面布局实践Demo

任务十二：学习CSS 3的新特性Demo

任务一：零基础JavaScript编码（一）Demo

任务二：零基础JavaScript编码（二）Demo

任务三：零基础JavaScript编码（三）Demo

任务四：基础JavaScript练习（一）Demo

任务五：基础JavaScript练习（二）Demo

任务六：基础JavaScript练习（三）Demo

任务七：JavaScript和树（一）Demo

任务八：JavaScript和树（二）Demo

任务九：JavaScript和树（三）Demo

任务一：表单（一）单个表单项的检验Demo

任务二：表单（二）多个表单项的动态校验Demo

任务三：表单（三）联动Demo

任务四：听指令的小方块（一）Demo

任务五：听指令的小方块（二）Demo

任务六：UI组件之浮出层Demo

任务七：UI组件之排序表格Demo