Skip to content

Wumingla/jiketask

Repository files navigation

jiketask

极客学院培训个人作业

第一周:

任务1:配置好开发环境,开发百度首页,能够基本符合视觉上的要求,能够让整块在页面大致垂直居中部分,页面的点击全部为真实点击,按钮样式不做太多要求,大致符合即可。 老版本新版本均可开发。
任务2:利用表格开发课程表。

第二周:

任务1:制作一个由5个100*100DIV组成的十字架(如➕),中间放一张icon(自己喜欢的24*24的小图片)在DIV里垂直居中,十字架页面垂直居中水平居中,每一个DIV要有边框阴影尽量的让其漂亮。 http://www.easyicon.net/ 课在此寻找对应的图片。
任务2:青岛家教网注册页面(传统input和H5的混着用达到全部熟悉的目的)。http://www.qdjj.net/member/register_2.asp

第三周:

任务1:CSS开发3D魔方效果
任务2:CSS开发简笔画并让简笔画像动画片一样动起来。

第四周:

任务1:开发极客学院首页或找到合适的PSD完成,如果自己寻找PSD要求同时开发PC版本和手机版本(写成2个单独的页面)。如果实在找不到直接开发极客学院PC版本(无须开发手机版本但是这是你对你自己的不负责哦)。
任务2:利用Bootstrap开发后台登陆页面和首页。
任务4:完成响应式的百度首页(做一个页面,把pc版和移动版通过mediaquery做适配),并把项目扔进服务器,启动服务器,把手机连入同一局域网,在手机上访问百度首页。
任务5:按照视频中老师的要求完成

第五周:

任务1:将0-100分学员分已10为分界,10分为一段,然后计算出该生为数字几等生,如98分为90-100为1等生,65分为60-70为4等生。
任务2:开发简易计算器,输入 x y 以及操作符可以计算初数值,如函数计算器输入 4,5,* 可以返回20,输入3 ,8,+可以等于11.
任务3:找到数组[“a“,”x“,”b“,”d“,”m“,”a“,”k,“m”,“p”,“j”,“a”]出现最多的字母并给出个数和每一个所在的顺序。

第六周:

任务1:开发带页面可操作的完整计算器(可计算sin cos等),根据用户的按钮给出结果,至少要适配到IE+chrome。
任务2:开发一个网站顶部带可选颜色改变网站主题,下次进入网站可直接对应上次主题。包括顶部babner以及背景颜色等等。

第七周:

任务1:利用Jquery完成百度右侧下拉, 并注册账号登陆完成全部页面切换效果。
任务2:利用Jquery完成完成极客学院首页,并完成全部动态效果,尽量增加动画效果,js代码全部模块化加载。
任务3:Jquery完成百度图片完整瀑布流布局。

第八周:

任务1:开发带后台的H5版本百度新闻,并用之前开发的bootstrap后台完善作为新闻的后台系统,并能用基础的PHP+MYSQL开发跑通后台。

第九周:

任务1:把之前的前端百度新闻界面拉过来,后台改成nodejs版本,可以做成express渲染模板形式亦可以做成rest风格api形式搭载mysql,记得导出sql脚本文件。

第十周:

任务1:利用Yeoman或者FIS重新组织你的百度首页样式和JS,然后达到工程化可编译状态。

第十一周:

任务1:1.编写Grunt或Gulp脚本对Sass或者Less进行编译。2.符合性能优化标准进行压缩合并以及充分利用Less或Sass优势少写代码。
任务2:利用less或sass编写代码制作出一个公交站牌的效果。

第十二周:

任务1:用简单的设计模式改写百度代码并加入注释用了什么设计模式,为什么这样写,这样写的好处。
任务2:百度一下高级前端工程师面试题并总结到页面上对这些面试题有深入的理解。如果有时间可以自己利用xmind总结前端开发思维脑图。

About

极客学院培训个人作业

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published