百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

耀耀学院

IFE 历史精选课程,趣味小游戏,交互小实战,大型综合游戏,来和导师们一起综合实战吧

共发布 11个课程,已经有 2409名学生在这里学习上课
邵帅
百度资深前端工程师,爱好Hybrid、H5、Nodejs等从前到后的前端技术,业余时间喜欢用前端技术实现一些稀奇古怪的小东西。
课程结束

难度:普通时间:大约需要0

749人在学习该课程,有378人已经完成该课程

任务一:表单(一)单个表单项的检验

重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计。我们尽力保证课程内容的质量以及学习难度的合理性,但即使如此,真正决定课程效果的,还是你的每一次思考和实践。 课程多数题目的解决方案都不是唯一的,这和我们在实际工作中的情况也是一致的。因此,我们的要求不仅仅是实现设计稿的效果,更是要多去思考不同的解决方案,评估不同方案的优劣,然后使用在该场景下最优雅的方式去实现。那些最终没有被我们采纳的方案,同样也可以帮助我们学到很多知识。所以,我们列出的参考资料未必是实现需求所必须的。有的时候,实现题目的要求很简单,甚至参考资料里就有,但是背后的思考和亲手去实践却是任务最关…

课程结束

难度:普通时间:大约需要0

354人在学习该课程,有294人已经完成该课程

任务二:表单(二)多个表单项的动态校验

重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计。我们尽力保证课程内容的质量以及学习难度的合理性,但即使如此,真正决定课程效果的,还是你的每一次思考和实践。 课程多数题目的解决方案都不是唯一的,这和我们在实际工作中的情况也是一致的。因此,我们的要求不仅仅是实现设计稿的效果,更是要多去思考不同的解决方案,评估不同方案的优劣,然后使用在该场景下最优雅的方式去实现。那些最终没有被我们采纳的方案,同样也可以帮助我们学到很多知识。所以,我们列出的参考资料未必是实现需求所必须的。有的时候,实现题目的要求很简单,甚至参考资料里就有,但是背后的思考和亲手去实践却是任务最关…

课程结束

难度:普通时间:大约需要0

289人在学习该课程,有250人已经完成该课程

任务三:表单(三)联动

重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计。我们尽力保证课程内容的质量以及学习难度的合理性,但即使如此,真正决定课程效果的,还是你的每一次思考和实践。 课程多数题目的解决方案都不是唯一的,这和我们在实际工作中的情况也是一致的。因此,我们的要求不仅仅是实现设计稿的效果,更是要多去思考不同的解决方案,评估不同方案的优劣,然后使用在该场景下最优雅的方式去实现。那些最终没有被我们采纳的方案,同样也可以帮助我们学到很多知识。所以,我们列出的参考资料未必是实现需求所必须的。有的时候,实现题目的要求很简单,甚至参考资料里就有,但是背后的思考和亲手去实践却是任务最关…

课程结束

难度:普通时间:大约需要0

263人在学习该课程,有207人已经完成该课程

任务四:听指令的小方块(一)

重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计。我们尽力保证课程内容的质量以及学习难度的合理性,但即使如此,真正决定课程效果的,还是你的每一次思考和实践。 课程多数题目的解决方案都不是唯一的,这和我们在实际工作中的情况也是一致的。因此,我们的要求不仅仅是实现设计稿的效果,更是要多去思考不同的解决方案,评估不同方案的优劣,然后使用在该场景下最优雅的方式去实现。那些最终没有被我们采纳的方案,同样也可以帮助我们学到很多知识。所以,我们列出的参考资料未必是实现需求所必须的。有的时候,实现题目的要求很简单,甚至参考资料里就有,但是背后的思考和亲手去实践却是任务最关…

课程结束

难度:普通时间:大约需要0

182人在学习该课程,有161人已经完成该课程

任务五:听指令的小方块(二)

重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计。我们尽力保证课程内容的质量以及学习难度的合理性,但即使如此,真正决定课程效果的,还是你的每一次思考和实践。 课程多数题目的解决方案都不是唯一的,这和我们在实际工作中的情况也是一致的。因此,我们的要求不仅仅是实现设计稿的效果,更是要多去思考不同的解决方案,评估不同方案的优劣,然后使用在该场景下最优雅的方式去实现。那些最终没有被我们采纳的方案,同样也可以帮助我们学到很多知识。所以,我们列出的参考资料未必是实现需求所必须的。有的时候,实现题目的要求很简单,甚至参考资料里就有,但是背后的思考和亲手去实践却是任务最关…

课程结束

难度:普通时间:大约需要0

182人在学习该课程,有151人已经完成该课程

任务六:UI组件之浮出层

重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计。我们尽力保证课程内容的质量以及学习难度的合理性,但即使如此,真正决定课程效果的,还是你的每一次思考和实践。 课程多数题目的解决方案都不是唯一的,这和我们在实际工作中的情况也是一致的。因此,我们的要求不仅仅是实现设计稿的效果,更是要多去思考不同的解决方案,评估不同方案的优劣,然后使用在该场景下最优雅的方式去实现。那些最终没有被我们采纳的方案,同样也可以帮助我们学到很多知识。所以,我们列出的参考资料未必是实现需求所必须的。有的时候,实现题目的要求很简单,甚至参考资料里就有,但是背后的思考和亲手去实践却是任务最关…

课程结束

难度:普通时间:大约需要0

151人在学习该课程,有114人已经完成该课程

任务七:UI组件之排序表格

重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计。我们尽力保证课程内容的质量以及学习难度的合理性,但即使如此,真正决定课程效果的,还是你的每一次思考和实践。 课程多数题目的解决方案都不是唯一的,这和我们在实际工作中的情况也是一致的。因此,我们的要求不仅仅是实现设计稿的效果,更是要多去思考不同的解决方案,评估不同方案的优劣,然后使用在该场景下最优雅的方式去实现。那些最终没有被我们采纳的方案,同样也可以帮助我们学到很多知识。所以,我们列出的参考资料未必是实现需求所必须的。有的时候,实现题目的要求很简单,甚至参考资料里就有,但是背后的思考和亲手去实践却是任务最关…

课程结束

难度:困难时间:大约需要14

50人在学习该课程,有6人已经完成该课程

补充任务:开源JavaScript库使用统计任务

说明 本任务不属于基础课程需要建议练习的任务,只提供给有余力的同学实践,大家根据兴趣选择即可。 任务目的 实践使用nodejs开发爬虫的经验(可参考糯米学院中的课程) 完成一个独立产品的封装任务描述 基本任务 使用nodejs编写一个爬虫 输入是指定网站域名(比如baidu.com)及JavaScript库的标示,如vue.js,或者echarts.js,允许输入通配符"",标示任意字符,比如vue.js 输出是指定网站是否使用了需要查找的JS文件进阶任务 从alexa.com 或者 alexa.cn 上的排行版获取 TopXXX的网站列表,xxx作为输入 依次扫描这…

课程结束

难度:困难时间:大约需要7

150人在学习该课程,有14人已经完成该课程

综合实战:在线德州扑克(一)

说明 本任务不属于基础课程需要建议练习的任务,只提供给有余力的同学实践,大家根据兴趣选择即可。 此系列课程,导师邵帅会手把手教你实现在线德州扑克的思路和关键环节,对您以后开发复杂应用会有很大帮助。 任务目的 综合运用各种前端技术,实现一款复杂的大型应用:在线德州扑克,成为“全栈”工程师。 应用简介 任务中的“在线德州扑克”类似于“微扑克”或“德扑圈”,是朋友间组织牌局的工具应用。 任务(一) 这一部分,我们通过使用JavaScript编写基础算法的方式,了解德州扑克的基本规则。规则介绍 任务内容 使用JavaScript实现和封装 牌型判定 和 牌面大小比较 任务教学 实现在线德州扑克会遇到两…

课程结束

难度:困难时间:大约需要7

16人在学习该课程,有7人已经完成该课程

综合实战:在线德州扑克(二)

说明 本任务不属于基础课程需要建议练习的任务,只提供给有余力的同学实践,大家根据兴趣选择即可。 此系列课程,导师邵帅会手把手教你实现在线德州扑克的思路和关键环节,对您以后开发复杂应用会有很大帮助。 任务目的 综合运用各种前端技术,实现一款复杂的大型应用:在线德州扑克,成为“全栈”工程师。 应用简介 任务中的“在线德州扑克”类似于“微扑克”或“德扑圈”,是朋友间组织牌局的工具应用。 任务(二) 提示:牌局组织者先创建房间,获得房间号,朋友们得知房间号后加入房间进行游戏。 任务内容 使用Vue, Koa, Mongodb实现在线德州扑克的Client和WebServer部分,实现:注册,登录,创建…

课程结束

难度:困难时间:大约需要2

23人在学习该课程,有3人已经完成该课程

综合实战:在线德州扑克(三)

说明 本任务不属于基础课程需要建议练习的任务,只提供给有余力的同学实践,大家根据兴趣选择即可。 此系列课程,导师邵帅会手把手教你实现在线德州扑克的思路和关键环节,对您以后开发复杂应用会有很大帮助。 任务目的 综合运用各种前端技术,实现一款复杂的大型应用:在线德州扑克,成为“全栈”工程师。 应用简介 任务中的“在线德州扑克”类似于“微扑克”或“德扑圈”,是朋友间组织牌局的工具应用。 任务(三) 任务内容 学习使用socket.io,实现官方文档中的即时通讯聊天室。 任务教学 参见官方文档。之后我们将使用socket.io构建在线德州扑克的GameServer,本节课程打好socket.io基础 …