极客前端部分问题采访【索引】

目录

  • 职责 1:
    学会基本的HTML(5)标签骨架和着力服务器概念
  • 任务 2:
    学会HTML5初长元素与CSS核心技术
  • 职责 3:
    学会CSS常用布局技巧及绘制特殊图形和动画片
  • 任务 4:
    掌握HTML+CSS的中坚核心技术
  • 职责 5:
    JavaScript入门与底蕴
  • 任务 6: 掌握JavaScript
    DOM、BOM、事件和高级技术
  • 任务 7:
    掌握jQuery使用与深入JavaScript
  • 职责 8:
    了解面向对象编程以及PHP+MySql入门
  • 任务 9:
    学习NodeJS(含EcmaScript6)和活动端支出
  • 任务 10:
    掌握前端工业化框架
  • 任务 11:
    掌握CSS在工程中之更动
  • 职责 12:
    掌握JavaScript常因此设计模式
  • 职责 13:
    熟悉本操作工具Git、SVN等与AngularJS、Cordova
  • 职责 14:
    熟悉网络安全及React、ReactNative
  • 职责 15:
    Linux基础和JS开发PC软件
  • 任务 16:
    学习HTML5嬉戏支付准备上毕业设计与理论

职责 1: 学会基本的HTML(5)标签骨架和着力服务器概念

1.开基础百度首页

要求:

  • 学会配置出条件
  • 学会运用基本的HTML结构搭建骨架
  • 主导可视觉及之要求
  • 吃整块在页面大致垂直居中
  • 页面的点击任何啊真正点击
  • 连无要求CSS

2.出课程表

要求:

  • HTML&HTML5签以及表格table的使用;
  • 代码结构的处理
  • HTML5语义的利用
  • 提早上,使用了css进行美化。

职责 2: 学会HTML5新长元素与CSS核心技术

1.打一个出于5独100*100DIV组成的十字架

要求:

  • 制造一个由于5单100*100DIV组成的十字架(如➕),
  • 中级放平张icon(自己喜爱的64*64底有些图)在DIV里垂直水平居中,
  • 十字架页面垂直居中水平居中,每一个DIV要来限度框阴影尽量的叫那完美。
  • 可在此摸对应的图形。

2.做青岛家教网注册页面

要求:

  • 青岛家教网注册页面是一个N年前不胜传统的不合时宜页面,很破旧,需要大家之所以好新学过的HTML&HTML5&CSS&CSS3的学识,一些初的表单元素,重新实现同改良这个页面,达到熟悉表单元素的目的(传统input和H5的混用达到整个熟识的目的)。
  • 具体要打造的页面,入口在 http://www.qdjj.net/member/register_1.asp(不需要开),先填写部分素材后上下一个页面http://www.qdjj.net/member/register_2.asp不怕是咱得打的。

3.深受百度首页样式完全与官网样式完全一致

要求:

  • 试跳着以HTML5元素改良百度首页都样式尽可能完全与官网完全一致(仅要求谷歌浏览器)。
  • 主题难点在于百度首页顶部菜才鼠标悬浮下拉菜单的功用,当前路未学JS,
    可以参照运用伪类:hover尽可能去落实,但未举行尽多要求。

4.实战盒子模型与弹性盒模型。

要求:

  • 正规盒子和奇妙盒子对比
  • 弹性盒子水平分栏,垂直分栏,排序(flex),cloumn分栏
  • 旧版弹性盒子居中布局
  • 美丽程度

任务 3: 学会CSS常用布局技巧及绘制特殊图形和动画

1.CSS3开发3D魔方

要求:

  • 采取CSS3支付炫酷的3D魔方效果。详情看师资授课视频。

2.CSS&CSS3开发简笔画并让简笔画像动画片一样动起来

要求:

  • CSS&CSS3开销简笔画并吃简笔画像动画片一样动起来。
  • 测试浏览器需要支持H5及CSS3,
    默认必须至少支持Chrome(想以大分请支持firefox)。

3.叫百度首页适配IE等具有浏览器

CSS
Hack技能是衡量一个前端工程师经验及技艺功底的基本点知识点之一,也是前者比较痛苦之一个技能点。因此这作业,我们用摸索CSS
Hack并反映及一个独门的百度首页HTML页面上(上次百度首页作业基础及),让您的百度首页适配IE以及市场上的主流浏览器(IE8+系列、Google
Chrome、Firefox)。

要求:

  • CSS Hack应用
  • 浏览器兼容性处理(兼容Webkit内核的Chrome、Moz内核的Firefox和IE
    8、9以上即可,实现了IE6、7对等其它为加分项)

4.懂并就对飞翼布局

要求:

  • 亮并做到对飞翼布局(CSS浮动、定位、布局、自适应等)。

职责 4: 掌握HTML+CSS的着力核心技术

1.开新版极客学院首页

要求:

  • 留意对极客学院首页整体的尚原度,本任务还没有上JS,对于有JS的特效不开要求,主要考察HTML和CSS
  • 瞩目代码结构的合理,界面的美观性
  • 专注引用的资源是否正规

2.利用Bootstrap开发后台登陆页面和首页

要求:

  • 利用Bootstrap开发一个后台管理网的后台登陆页面和后台首页
  • 深谙对Bootstrap响应式框架的运用;

3.响应式的百度首页

因此一个页面,把百度首页pc版和运动版通过media
query技术做响应式适配,达到熟悉media
query实现响应式布局之目的;可使真实手机还是Google
Chrome的模拟器,进行调节以及考查。

要求:

  • media query技术做响应式适配
  • 使用真实手机或Google Chrome的模拟器,进行调试和考查

4.形成初级前端面试题

以作业为开放性作业,不对准页面作专门要求,HTML页面(建议,作为同样称前端)、图片、word都好。主要是总的面试题。让大家对于前端面试及前端基本岗位要求发出只核心的打听。

要求:

  • 使用markdown完成。

任务 5: JavaScript入门与底蕴

1.将0~100瓜分学员为10分为界,分为十段,然后计算产生该生为数字几顶死

将0-100细分学员分已经10吗分界,10私分吧同一段落,然后计算出该生为数字几相当于充分,如98分成90-100乎1等生,65分为60-70啊4等生。

要求:

  • Switch或者ifelse等的下
  • 因传入的价值,进行演算和归

2.于是JS开发简易计算器

就此JS开发简易计算器,输入 x 、y
以及操作符可以算起累累值,如函数计算器输入 4,5,* 可以回到20,输入3
,8,+可以等11。

3.JS找到数组中出现次数最多之假名,并于有个数和各国一个所于的岗位

找到对象{“a“,”x“,”b“,”d“,”m“,”a“,”k,“m”,“p”,“j”,“a”}出现太多的假名并于起个数与各一个所于的各个。

要求:

  • 做成HTML界面的款式,也可以在浏览器console打印出来

任务 6: 掌握JavaScript DOM、BOM、事件及高档技术

1.支付总体计算器

开带来HTML页面可操作的整体计算器,根据用户之按钮操作为起正确的计算结果,至少要适配到IE8+、Chrome。

要求:

  • 绑定事件要兼容IE8+、 FireFox、Chrome

2.hao123换肤效果-开发一个顶部带可挑选颜色换肤的hao123网站

要求:

  • 支出一个顶部带可选取颜色的hao123网站
  • 点击这些颜色可换肤改变网站主题,能记住用户本次点击的换肤操作,下次进来网站可直接用到上次主题
  • 不过切换颜色包括顶部banner以及背景颜色等等

任务 7: 掌握jQuery使用及深入JavaScript

1.完成百度首页登陆后完整版。

利用Jquery完成百度右侧下拉,
并注册账号登陆完成总体页面切换效果。包括换肤和底下的切换Tab.

2.极客学院官网二级菜单页面-课程库页面

运模拟过的JavaScript、JQuery知识及眼前学了之HTML、CSS完成极客学院二级菜单页面-[课程库]页面,并成功所有动态效果,尽量增加动画效果。

要求:

  • 浏览器需兼容FireFox、Chrome、ie8+
  • 课程库页面入口:http://www.jikexueyuan.com/course/

3.Jquery完了百度图片瀑布流布局。

要求:

  • 应用Jquery完成百度图片完整瀑布流布局。

任务 8: 了解面向对象编程以及PHP+MySql入门

1.支出手机版的百度新闻。

支出带来后台的H5版本百度过新闻,并为此事先开发之bootstrap后台完善作为新闻的后台系统,并会就此基础的PHP+MYSQL开发跑通后台。

要求:

  • 加盟meta标签开发移动端H5页面
  • 搭建mysql+php开发条件,交作业的时候记得带达sql脚本+php代码
  • 配合ajax 技能接触:
    (1)后台是否可以正常的增删改查;(2)前台是否足以完全调用请求接口;(3)完成页面的渲染结果是否以大哥大端展示正常

任务 9: 学习NodeJS(含EcmaScript6)和活动端支付

1.开销Nodejs版本的百渡过新闻系统。

布置好开发环境,把前的前端百渡过新闻界面拉过来,后台改成为Nodejs版本,可以做成Express渲染模板形式亦足举行成rest格API形式搭载mysql,记得导出sql脚论文件。

要求:

  • 安装Express或者rest框架或者Nodejs
  • 用Ajax配合请求。

任务 10: 掌握前端工业化框架

1.利用Gulp或者FIS重组百度首页

动Gulp或者FIS重新组织而的百度首页样式与JS,然后上工程化可编译状态。

要求:

  • 安装Gulp或者FIS
  • 论框架要求编译百度首页上性能最美状态。
  • 通过本作业了解一栽构建工具使用的基本原理即可(不同商店构建工具或无同等,但原理基本雷同),并学会独立查文档去上新知识。

任务 11: 掌握CSS在工程被的变化

1.利用less或者sass改善极客学院首页CSS

要求:

  • 编Gulp或FIS脚本对Sass或者Less进行编译
  • 抱性能优化标准开展削减合并及充分利用Less或Sass优势少写代码
  • 可是查官方API进行双重多的施用

2.以less或sass编写公交站牌

要求:

  • 动用less或sass编写代码制作出一个公交站牌的效益。

职责 12: 掌握JavaScript常因此设计模式

1.用设计模式改善百度js代码

因此简单的设计模式改写百度代码并加入注释用了什么设计模式,为什么如此形容,这样形容的裨益。

2.总结高级前端开发工程师面试题和思想脑图

百度转高级前端工程师面试题并总结暨页面上针对这些面试题有尖锐之喻。如果发生时间可以友善下xmind总结前端开发思维脑图。

职责 13: 熟悉本操作工具Git、SVN等以及AngularJS、Cordova

1.多建筑好之GitHub仓库

搭建好的GitHub仓库并将兼具作业仍目录规范全体交到Git

任务 14: 熟悉网络安全和React、ReactNative

1.到百渡过新闻PHP或Node版本安全性漏洞

要求:

  • 到家百度新闻安全性漏洞,并新建文件readme.txt写好注释修改了哪安全漏洞,写以了哪里出怎么样的意图。

职责 15: Linux基础与JS开发PC软件

1.辑管理nodejs百度过新闻后台shell脚本

要求:

  • 编排shell脚本管理而的nodejs百过新闻后台,配合pm2起先监测CPU占用重启PM2等
  • 若Nodejs的CPU进程大于95%,则AngularJS又开node服务

职责 16: 学习HTML5玩开发准备上毕业设计与辩论

1.付出同磨蹭小打

要求:

  • 用Cocos2d-JS开发同慢性小打用chrome模拟是否顺利运行。

相关文章