Code Monkey home page Code Monkey logo

test's Introduction

极客学院web前端就业班作业

极客学院Web前端工程师就业班的闯关作业。总共涉及到16关,4个月。

##第一周 ###作业1:开发基础百度首页(涉及:基础html,div布局了解) 配置好开发环境,开发百度首页,能够基本符合视觉上的要求,能够让整块在页面大致垂直居中,页面的点击全部为真实点击,按钮样式不做太多要求,【大致符合即可,并不要求CSS主要在意HTML的使用!!!!】。 老版本新版本均可开发。

###作业2:用Table开发课程表 (涉及:基础html,table布局) 利用表格开发课程表。

##第二周 ###作业1.制作一个由5个100100DIV组成的十字架(涉及:div布局,) 制作一个由5个100*100DIV组成的十字架(如➕),中间放一张icon(自己喜欢的2424的小图片)在DIV里垂直居中,十字架页面垂直居中水平居中,每一个DIV要有边框阴影尽量的让其漂亮。 http://www.easyicon.net/ 课在此寻找对应的图片。

###作业2.制作青岛家教网注册页面 青岛家教网注册页面(传统input和H5的混着用达到全部熟悉的目的)。http://www.qdjj.net/member/register_2.asp

###作业3.让百度首页样式完全与官网样式完全一致 试着使用HTML5元素改良百度首页且样式完全与官网完全一致(仅要求谷歌浏览器)。

###作业4.实战盒子模型与弹性盒模型。 实战盒子模型与弹性盒模型,如果时间不充裕直接按照老师课上讲解的例子做一个一模一样的就可以,如果时间充裕可以横向扩展做实战。
补充说明,需完成以下功能:
1.正常盒子与怪异盒子对比
2.弹性盒子水平分栏,垂直分栏,排序(flex),cloumn分栏
3.旧版弹性盒子居中布局
4.美观程度

##第三周 ###作业1.CSS开发3D魔方效果 CSS开发3D魔方效果

###作业2.CSS开发简笔画并让简笔画像动画片一样动起来 CSS开发简笔画并让简笔画像动画片一样动起来

###作业3.让百度首页适配IE等所有浏览器 寻找CSS HACK并反馈到一个单独的百度HTML页面上,让你的百度首页适配IE以及市面上的浏览器。

###作业4.理解并完成双飞翼布局 理解并完成双飞翼布局

##第四周 ###作业1.开发极客学院首页或者自己寻找PSD 开发极客学院首页或找到合适的PSD完成,如果自己寻找PSD要求同时开发PC版本和手机版本(写成2个单独的页面)。如果实在找不到直接开发极客学院PC版本(无须开发手机版本但是这是你对你自己的不负责哦)。

###作业2.利用Bootstrap开发后台登陆页面和首页 利用Bootstrap开发后台登陆页面和首页。

###作业3.响应式的百度首页 完成响应式的百度首页(做一个页面,把pc版和移动版通过media query做适配),并把项目扔进服务器,启动服务器,把手机连入同一局域网,在手机上访问百度首页。

###作业4.完成初级前端面试题 收集网上的初级前端面试题,主要包含HTML,CSS,对WEB的理解。可不包含javascript

test's People

Contributors

yll13454 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.