-
学习 CSS3 相关内容,注意动态效果的实现方法,可参考以下资料:
-
学习 JavaScript 基本语法,范围如下:
- W3School - JavaScript 中的 JS 教程、JS 对象部分。
-
学习 DOM 知识,可参考下列资料:
-
运用以上所学的知识,完成下面两个内容:
- 创建一个立方体,可以控制它的翻转,效果参考立方体的变换。
- 修改上次任务完成的页面,要求将中间一列替换为内容发布(可参见PC端微博或QQ空间):
- 最上部是输入框与提交按钮,要求输入框能随着输入行数的增加自适应。
- 点击提交按钮后,下方区域自动添加刚刚发布的内容(最好能加入动态效果比如渐入渐出和滑动等)。
- 有更多时间的话可以丰富一下下方发布内容的样式,如包括头像,昵称,点赞转发按钮等(可以定死)。
- 还有时间也可以尝试实现页面下拉后无限加载功能,加载的内容可以定死。
- 这次的任务时间为三周,主要是感觉到各位同学可能进度较慢,希望各位平时能投入更多的时间,毕竟大一时间还是相对很充裕的,一周投入30个小时到编程学习中应该不成问题。
- 这次任务主要是希望大家掌握 CSS3 新特性中的动画,以及初步入门 JavaScript, 对 DOM 树以及相关操作有一定的了解。
- 这次任务我们开始学习 JavaScript, 但是实际上关于 JavaScript 的内容不止这些,有兴趣的同学可以提前开始学习 廖雪峰的JavaScript教程 。