极客前端部分难点采访【索引】

目录

任务 壹: 学会基本的HTML(伍)标签骨架以及着力服务器概念

一.支出基础百度首页

要求:

  • 学会配置开发条件
  • 学会运用基本的HTML结构搭建骨架
  • 着力吻合视觉上的渴求
  • 让整块在页面大概垂直居中
  • 页面包车型客车点击任何为真正点击
  • 并不供给CSS

2.开发课程表

要求:

  • HTML&HTML5标签及表格table的应用;
  • 代码结构的处理
  • HTML5语义的运用
  • 提早攻读,使用了css进行美化。

职责 二: 学会HTML五新增成分及CSS大旨技术

壹.创设一个由四个十0*十0DIV组成的十字架

要求:

  • 制作四个由五个十0*100DIV组成的十字架(如➕),
  • 高级中学档放一张icon(本人喜欢的6四*64的小图片)在DIV里垂直水平居中,
  • 十字架页面垂直居中国水力电力对国有公司业平居中,每三个DIV要有边框阴影尽量的让其完美。
  • 可在此检索对应的图片。

2.构建大阪家庭教育网注册页面

要求:

  • 马斯喀特家庭教育网注册页面是多少个N年前十二分守旧的过时页面,很破旧,必要我们用自身新学过的HTML&HTML伍&CSS&CSS3的学识,1些新的表单成分,重新实现和改正这一个页面,达到熟谙表单成分的目标(守旧input和H5的混用达到整个熟悉的目标)。
  • 实际要制作的页面,入口在 http://www.qdjj.net/member/register_1.asp(不需求做),先填写部分材质后跻身下叁个页面http://www.qdjj.net/member/register_2.asp便是大家须求构建的。

三.让百度首页样式完全与官网样式完全一致

要求:

  • 试着使用HTML5成分改良百度首页且样式尽大概完全与官网完全一致(仅须求谷歌(谷歌)浏览器)。
  • 主旨难题在于百度首页顶部菜单鼠标悬浮下拉菜单的法力,当前阶段未学JS,
    能够参照运用伪类:hover尽或许去贯彻,但不做太多须要。

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

要求:

  • 正常盒子与诡谲盒子相比
  • 弹性盒子水平分栏,垂直分栏,排序(flex),cloumn分栏
  • 旧版弹性盒子居中布局
  • 美观程度

任务 3: 学会CSS常用布局技巧以及绘制特殊图形和卡通片

1.CSS3开发3D魔方

要求:

  • 应用CSS3支出炫酷的3D魔方效果。详情看师资讲解摄像。

二.CSS&CSS三成本简笔画并让简笔画像动画片壹样动起来

要求:

  • CSS&CSS三支出简笔画并让简笔画像动画片1样动起来。
  • 测试浏览器要求支持H5及CSS三,
    默认必须至少援助Chrome(想拿高分请帮助firefox)。

三.让百度首页适配IE等全部浏览器

CSS
哈克技能是度量叁个前端工程师经验和技术功底的关键知识点之一,也是前者相比忧伤的3个技能点。因而这一个作业,大家要求摸索CSS
哈克并反馈到1个单身的百度首页HTML页面上(上次百度首页作业基础上),让您的百度首页适配IE以及市面上的主流浏览器(IE八+连串、谷歌Chrome、Firefox)。

要求:

  • CSS Hack应用
  • 浏览器包容性处理(包容Webkit内核的Chrome、Moz内核的Firefox和IE
    8、九以上即可,完结了IE陆、七等任何为加分项)

肆.领会并成功双飞翼布局

要求:

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

职务 4: 掌握HTML+CSS的中坚主题技术

一.开销新版极客大学首页

要求:

  • 留意对极客大学首页全体的还原度,本职责还没上学JS,对于部分JS的特效不做供给,重要考查HTML和CSS
  • 专注代码结构的合理,界面包车型客车美观性
  • 留意引用的能源是还是不是规范

二.利用Bootstrap开发后台登六页面和首页

要求:

  • 动用Bootstrap开发多个后台管理种类的后台登6页面和后台首页
  • 深谙对Bootstrap响应式框架的应用;

叁.响应式的百度首页

用三个页面,把百度首页pc版和移动版通过media
query技术做响应式适配,达到熟谙media
query达成响应式布局的指标;可使用真实手提式有线电话机如故GoogleChrome的模拟器,进行调节和试验。

要求:

  • media query技术做响应式适配
  • 选拔真实手机只怕谷歌 Chrome的模拟器,进行调节和试验

肆.完事初级前端面试题

本作业为开放性作业,不对页面作特别供给,HTML页面(提出,作为一名前端)、图片、word都得以。主借使总计的面试题。让我们对于前端面试和前端基本岗位要求有个着力的垂询。

要求:

  • 使用markdown完成。

职务 伍: JavaScript入门和根基

1.将0~玖拾陆分学员以1贰分为界,分为10段,然后总括出该生为数字几等生

将0-九十多分学员分已十为分界,11分为一段,然后总结出该生为数字几等生,如九柒分成90-拾0为①等生,陆四分为60-70为四等生。

要求:

  • Switch只怕ifelse等的施用
  • 传闻传入的值,进行演算和再次回到

二.用JS开发简易总计器

用JS开发简易总计器,输入 x 、y
以及操作符可以测算出数值,如函数计算器输入 4,伍,* 可以回去20,输入三,八,+能够等于11。

三.JS找到数组中出现次数最多的假名,并交由个数和每三个所在的岗位

找到对象{“a“,”x“,”b“,”d“,”m“,”a“,”k,“m”,“p”,“j”,“a”}现身最多的字母并提交个数和每2个所在的相继。

要求:

  • 做成HTML界面的款式,也能够在浏览器console打字与印刷出来

职务 6: 驾驭JavaScript DOM、BOM、事件和高档技术

一.付出全体计算器

支付带HTML页面可操作的完好总结器,依照用户的按钮操作给出正确的计量结果,至少要适配到IE八+、Chrome。

要求:

  • 绑定事件必须包容IE八+、 Fire福克斯、Chrome

2.hao12三换肤功用-开发3个顶部带可选颜色换肤的hao1二三网址

要求:

  • 开发叁个顶部带可选颜色的hao1贰三网址
  • 点击那个颜色可换肤改变网址核心,能记住用户本次点击的换肤操作,下次进来网址可径直行使到上次焦点
  • 可切换颜色包含顶部banner以及背景颜色等等

义务 7: 通晓jQuery使用和深切JavaScript

1.完事百度首页登6之后完整版。

采用Jquery完结都百货度右边下拉,
并注册账号登六实现总体页面切换效果。包涵换肤和下部的切换Tab.

二.极客高中将网二级菜单页面-课程库页面

动用学过的JavaScript、JQuery知识和日前学过的HTML、CSS实现极客大学二级菜单页面-[课程库]页面,并形成全套动态效果,尽量扩充动画效果。

要求:

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

3.Jquery到位百度图形瀑布流布局。

要求:

  • 运用Jquery达成都百货度图片完整瀑布流布局。

任务 八: 通晓面向对象编制程序以及PHP+MySql入门

1.支入手提式无线电话机版本的百度音信。

开发带后台的H5版本百度音讯,并用事先开发的bootstrap后台完善作为信息的后台系统,并能用基础的PHP+MYSQL开发跑通后台。

要求:

  • 参加meta标签开发活动端H5页面
  • 搭建mysql+php开发环境,交作业的时候记得带上sql脚本+php代码
  • 卓绝ajax 技能点:
    (壹)后台是或不是足以健康的增加和删除改查;(2)前台是或不是足以全部调用请求接口;(三)完毕页面包车型客车渲染结果是或不是在二哥大端体现平常

职责 玖: 学习NodeJS(含EcmaScript陆)和移动端支付

一.开发Nodejs版本的百度快讯系统。

布局好开发环境,把从前的前端百度新闻界面拉过来,后台改成Nodejs版本,可以做成Express渲染模板方式亦能够做成rest格API方式搭载mysql,记得导出sql脚本文件。

要求:

  • 安装Express大概rest框架也许Nodejs
  • 利用Ajax同盟请求。

职务 拾: 驾驭前端工业化框架

1.运用Gulp可能FIS重组百度首页

利用居尔p大概FIS重新组织你的百度首页样式和JS,然后达到工程化可编写翻译状态。

要求:

  • 安装Gulp或者FIS
  • 依据框架要求编写翻译百度首页达到品质最优状态。
  • 通过本作业通晓1种创设筑工程具使用的基本原理即可(区别商行构建筑工程具或许不均等,但原理基本一致),并学会独立查文书档案去学习新知识。

职分 1一: 掌握CSS在工程中的变化

一.利用less大概sass革新极客大学首页CSS

要求:

  • 编排Gulp或FIS脚本对Sass也许Less实行编写翻译
  • 适合质量优化标准进行缩并以及丰硕利用Less或Sass优势少写代码
  • 可查看官方API举行更加多的利用

二.行使less或sass编写公共交通站牌

要求:

  • 接纳less或sass编写代码制作出四个公共交通站牌的效果。

职责 12: 精晓JavaScript常用设计情势

一.用设计形式改革百度js代码

用简短的设计情势改写百度代码并参与注释用了什么样设计格局,为何那样写,那样写的益处。

2.计算高级前端开发工程师面试题和沉思脑图

百度时而高档前端工程师面试题并计算到页面上对那个面试题有深入的理解。假诺有时光能够团结使用xmind计算前端开发思维脑图。

职分 一3: 熟知版本操作工具Git、SVN等以及AngularJS、科尔多瓦

一.搭建自个儿的GitHub仓库

搭建自身的GitHub仓库并将全部作业依据目录规范全部付出到Git

职分 1四: 熟习互连网安全以及React、ReactNative

一.完美百度资源新闻PHP或Node版本安全性漏洞

要求:

  • 周详百度快讯安全性漏洞,并新建文件readme.txt写好注释修改了怎么着安全漏洞,写在了哪个地方有如何的效劳。

职分 15: Linux基础以及JS开发PC软件

1.编纂管理nodejs百度情报后台shell脚本

要求:

  • 编辑shell脚本管理你的nodejs百度消息后台,合营pm2起步监测CPU占用重启PM2等
  • 若Nodejs的CPU进度大于95%,则重启node服务

义务 1陆: 学习HTML5戏耍开发准备进入结束学业设计与辩论

壹.支付一款小游戏

要求:

  • 采纳Cocos二d-JS开发一款小游戏用chrome模拟是不是顺畅运转。

相关文章