https://github.com/woai3c/2016ife-task
2016百度前端技术学院任务
https://github.com/woai3c/2016ife-task
css html javascript
Last synced: 11 months ago
JSON representation
2016百度前端技术学院任务
- Host: GitHub
- URL: https://github.com/woai3c/2016ife-task
- Owner: woai3c
- Created: 2016-11-25T15:55:55.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2022-11-29T11:20:25.000Z (over 3 years ago)
- Last Synced: 2025-04-12T10:40:04.490Z (about 1 year ago)
- Topics: css, html, javascript
- Language: HTML
- Homepage:
- Size: 7.04 MB
- Stars: 39
- Watchers: 2
- Forks: 15
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## [百度前端技术学院2016任务](http://ife.baidu.com/2016/task/all)
* [百度前端技术学院2017任务](https://github.com/woai3c/2017ife-task)
* [百度前端技术学院2018任务](https://github.com/woai3c/2018ife-task)
## 任务Part1 Demo(html及css不含js代码)
1. [零基础HTML编码](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part1/task1.html)
2. [零基础HTML及CSS编码（一）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part1/task2.html)
3. [三栏式布局](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part1/task3.html)
4. [定位和居中问题](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part1/task4.html)
5. [零基础HTML及CSS编码（二）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part1/task5.html)
6. [通过HTML及CSS模拟报纸排版](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part1/task6/task6.html)
7. [实现常见的技术产品官网的页面架构及样式布局](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part1/task7/task7.html)
8. [响应式网格（栅格化）布局](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part1/task8.html)
9. [使用HTML/CSS实现一个复杂页面](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part1/task9/task9.html)
10. [Flexbox 布局练习](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part1/task10.html)
11. [移动Web页面布局实践](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part1/task11/task11.html)
12. [学习CSS 3的新特性](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part1/task12.html)
## 任务Part2 Demo JS基础
13. [零基础JavaScript编码（一）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task13/task13.html)
14. [零基础JavaScript编码（二）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task14/task14.html)
15. [零基础JavaScript编码（三）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task15/task15.html)
16. [零基础JavaScript编码（四）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task16/task16.html)
17. [零基础JavaScript编码（五）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task17/task17.html)
18. [基础JavaScript练习（一）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task18/task18.html)
19. [基础JavaScript练习（二）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task19/task19.html)
20. [基础JavaScript练习（三）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task20/task20.html)
21. [基础JavaScript练习（四）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task21/task21.html)
22. [JavaScript和树（一）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task22/task22.html)
23. [JavaScript和树（二）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task23/task23.html)
24. [JavaScript和树（三）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task24/task24.html)
25. [JavaScript和树（四）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task25/task25.html)
26. [行星与飞船（一）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task26/task26.html)
27. [行星与飞船（二）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task27/task27.html)
28. [行星与飞船（三）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task28/task28.html)
29. [表单（一）单个表单项的检验](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task29/task29.html)
30. [表单（二）多个表单项的动态校验](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task30/task30.html)
31. [表单（三）联动](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task31/task31.html)
32. [表单（四）实现表单自动生成工厂](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task32/task32.html)
33. [听指令的小方块（一）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task33/task33.html)
34. [听指令的小方块（二）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task34/task34.html)
35. [听指令的小方块（三）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part2/task35/task35.html)
## 任务Part3 Demo 综合练习HTML，CSS，JavaScript
37. [UI组件之浮出层](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part3/task37/task37.html)
38. [UI组件之排序表格](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part3/task38/task38.html)
39. [UI组件之冻结行列表格](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part3/task39/task39.html)
40. [UI组件之日历组件（一）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part3/task40/task40.html)
41. [UI组件之日历组件（二）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part3/task41/task41.html)
42. [UI组件之日历组件（三）](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part3/task42/task42.html)
43. [多功能相册之拼图布局](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part3/task43/task43.html)
44. [多功能相册之瀑布布局](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part3/task44/task44.html)
45. [多功能相册之木桶布局](https://htmlpreview.github.io/?https://github.com/woai3c/2016ife-task/blob/master/part3/task45/task45.html)