百度前端技术学院2016任务

• 百度前端技术学院2017任务
• 百度前端技术学院2018任务

任务Part1 Demo(html及css不含js代码)

1. 零基础HTML编码
2. 零基础HTML及CSS编码（一）
3. 三栏式布局
4. 定位和居中问题
5. 零基础HTML及CSS编码（二）
6. 通过HTML及CSS模拟报纸排版
7. 实现常见的技术产品官网的页面架构及样式布局
8. 响应式网格（栅格化）布局
9. 使用HTML/CSS实现一个复杂页面
10. Flexbox 布局练习
11. 移动Web页面布局实践
12. 学习CSS 3的新特性

任务Part2 Demo JS基础

13. 零基础JavaScript编码（一）
14. 零基础JavaScript编码（二）
15. 零基础JavaScript编码（三）
16. 零基础JavaScript编码（四）
17. 零基础JavaScript编码（五）
18. 基础JavaScript练习（一）
19. 基础JavaScript练习（二）
20. 基础JavaScript练习（三）
21. 基础JavaScript练习（四）
22. JavaScript和树（一）
23. JavaScript和树（二）
24. JavaScript和树（三）
25. JavaScript和树（四）
26. 行星与飞船（一）
27. 行星与飞船（二）
28. 行星与飞船（三）
29. 表单（一）单个表单项的检验
30. 表单（二）多个表单项的动态校验
31. 表单（三）联动
32. 表单（四）实现表单自动生成工厂
33. 听指令的小方块（一）
34. 听指令的小方块（二）
35. 听指令的小方块（三）

任务Part3 Demo 综合练习HTML，CSS，JavaScript

37. UI组件之浮出层
38. UI组件之排序表格
39. UI组件之冻结行列表格
40. UI组件之日历组件（一）
41. UI组件之日历组件（二）
42. UI组件之日历组件（三）
43. 多功能相册之拼图布局
44. 多功能相册之瀑布布局
45. 多功能相册之木桶布局