百度前端技术学院（Baidu Institute of Front-End Technology简称IFE），诞生于2014年，由百度最大规模的前端技术组织

团队发起成立。目前学院是由百度

、百度多模交互搜索部以及百度

组联合组织的，面向大学生人群，免费的一个技术学习、交流与分享平台。

• 2017百度前端技术学院
  
• 2016百度前端技术学院
  
• 2015百度前段技术学院

IFE培养方向涵盖HTML、CSS、javascript，兼有github等热门开(tong)源(xing)代(jiao)码(you)托管平台的使用。学习方式以实践为主，通过由易到难，由浅到深的任务实践，激发学员动手（自学）能力。

每个项目学员都可以提交代码到托管地址，然后发布到IFE中接受学员的评价以及review。当然也有很大的几率得到百度工程师们的直接评价。学习结束还可以在学习笔记中写学习总结，通过反思，把项目中的难点，自己知识点掌握的不足总结到学习笔记中，使自己的知识系统化、体系化，同时也能帮助有相同问题的学员。

最后放上2017热身题目，不足之处还请各位前辈多多指导。

（前方大量泄题，还未做题的同学请谨慎翻阅）

• 第一题：开脑洞（真心求三根线能完成的）

第二题：找到下一关的地址

这一题涉及一个点，base64，它是网络上最常见的用于传输8Bit字节代码的编码方式之一，当时我看到这一串乱码也很懵逼，在大神的提示下才过的。大家只要百度base64，然后点第一个在线解码编码。进去后把编码输进去，复制生成的解码粘贴替换掉url后缀#/后面的代码，回车OK。（可能你进去的时候和下图不一样，黑人笑，你试着鼠标左键框选一下）

• 第三题：改变浏览器高度

情人节，单身狗只能躲在家里写代码了。这题就是说上帝在情人节给你开了IFE的窗口然后要你把窗口可见区域高度设成521px。F12到控制台敲document.body.clientHeight，然后慢慢调整高度。直到document.body.clientHeight=521；（感觉自己好蠢，捂脸哭，还希望有大神来指点新方法）

主要就是css了，然后要达到像！素！级！的准确

.letter-i{
position: absolute;
left:580px;
top:109px
}
.letter-f{
position: absolute;
left:675px;
top:201px;
transform:scale(1.19);
}
.letter-e {
position: absolute;
left:790px;
top:109px;
transform:scaleX(-1) rotate(20deg);
}

• 第五题：控制小原点吃三个星星到终点

进去先console.log(ball);在控制台发现ball的方法at有三个参数(t,e,s);

1. t表示X轴相对背景的绝对坐标
   
2. e表示Y轴相对背景的绝对坐标
3. s表示对象

ball有四个方法：

1. turnRight() 到达目的地右转
2. turnLeft() 到达目的地左转
3. turnBack() 到达目的地返回
4. wait(t) 到达目的地等待，参数t的单位是毫秒

例如：ball.at(82,45,ball=>ball.turnRight())的意思是，当小球到达相对坐标(x:82,y:45)时，小球右转

console.log(ball);
ball.at(52,45,ball=>ball.wait(2500));
ball.at(82,45,ball=>ball.turnRight());
ball.at(82,125,ball=>ball.turnLeft());
ball.at(225,125,ball=>ball.turnRight());
ball.at(225,235,ball=>ball.turnRight());
ball.at(185,235,ball=>ball.turnBack());
ball.at(265,235,ball=>ball.turnRight());
ball.at(265,365,ball=>ball.turnLeft());
ball.at(365,365,ball=>ball.turnLeft());
ball.at(365,185,ball=>ball.turnRight());
ball.at(570,185,ball=>ball.turnRight());
ball.at(570,473,ball=>ball.turnLeft());

• 最后：感谢您能看到最后，学生水平有限文章中出现的错误还恳请各位前辈多多批评指正。期待2月24日正式上线。