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

王一

百度商业平台部前端工程师,搜索推广平台前端技术负责人,喜欢狂拽炫酷的交互效果,喜欢探索新奇好玩的技术,更喜欢分享交流,用技术解决生活中的问题。

共发布 3个任务,已经有 305名学生在这里学习上课
课程结束

难度:进阶时间:大约需要1

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

标签云

任务描述 欢迎加入商业平台学院QQ群38234781,获得与导师一对一的沟通机会 参照示例,实现一个标签云的效果Demo 要显示的标签数量、标签内容都可以支持用户自定义 标签云的转速也可以通过自定义来进行调节 不同的标签需要由不同的颜色和字体大小区分开来 任务注意事项 示例仅为参考,样式及交互方式不需要完全实现一致 请注意代码风格的整齐、优雅 代码中含有必要的注释 可以合理使用第三方框架、类库,但不可直接使用现成的功能库 …

课程结束

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

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

自动抠图

任务描述 欢迎加入商业平台学院QQ群38234781,获得与导师一对一的沟通机会 抠图在图像处理中是常见的功能,在很多行业都有广泛的应用,比如抠去电影画面中的绿幕。这个题目的需求相对简单,需要你实现一个自动抠图的功能。 首先,我们需要一个能动态载入图片的画布 能从本地选择一张图片,放到一个canvas容器中。 这个画布可以放大缩小,已达到缩放显示图片的目的。 这个画布能响应鼠标事件,当鼠标点击在画布某个位置时,可以读取出当前位置的RGBA四通道颜色值。 其次,我们希望有一个抠图功能 鼠标点击画布后,要执行一个选中操作 选中的区域不是规则图形,而是需要你,根据点击区域附近的颜色,自行确定选中范…

课程结束

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

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

贪吃蛇

任务描述 欢迎加入商业平台学院QQ群38234781,获得与导师一对一的沟通机会 这是一个怀旧的任务。没有贪吃蛇的童年,是不完整的。好吧,现在用html来实现一个Snake Online 首先,我们需要一个空的颗粒化地图 所谓颗粒化地图,就是规定了蛇每次移动的距离和方向余度。 蛇每次移动一个格子,方向只能是前、左、右。 用户通过键盘上的上下左右键操作游戏,也可以用asdw 玩家敲击空格后,游戏暂停,暂停时,屏幕上给出一个图案,遮挡住整个地图 第二,玩法选择 第一种是普通模式。蛇越来越长,过一段时间增加一次移动速度。蛇占满了屏幕算胜,撞墙壁或撞自己算负 第二种是过关模式。在每一关中,蛇的移动速…