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

马海娜

商业平台部高级前端工程师。同时拥有前后端开发经验,先后担任过凤巢多个项目的前端技术负责人。关注合理的高可复用架构设计、质量焦点、项目中的技术管理、软件工程。乐于窥探未知,享受技术选型、架构设计、创造优质产品的过程。

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

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

407人在学习该课程,有65人已经完成该课程

UI组件之色彩选择器

任务描述 欢迎加入商业平台学院QQ群38234781,获得与导师一对一的沟通机会 如下示例图中所示,参考并实现一个色彩选择器: 组件默认一直呈显示状态 可以通过点击左侧色彩区域选择色彩,在右侧的输入框中会显示对应的色值,包括RGB和HSL值 可以通过调节右侧输入框的各数值,来查看对应的颜色 可以通过在中间的色带上点击来确定大致的颜色区域 提供设定颜色值的接口,指定具体颜色,左侧色区和右侧输入框显示对应数值 提供获取颜色值的接口,可获取色彩选择器选中的颜色值,可返回CSS color、RGB、HSL三种格式的色值 任务注意事项 示例图仅为参考,样式及交互方式不需要完全实现一致 可以合…

课程结束

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

106人在学习该课程,有18人已经完成该课程

巨型画布

任务描述 欢迎加入商业平台学院QQ群38234781,获得与导师一对一的沟通机会 首先,我们需要一个巨型画布 这个画布不是大,而是巨大。它所支持的图片分辨率应当达到19200 x 10800。 我们不希望看到一个尺寸巨大的canvas容器,将整个图片显示出来。 呈现给用户的画布尺寸,最大分辨率是1024 x 768,画布只显示图片的一部分(暂时不考虑图片缩放显示)。 其次,我们希望这个画布支持拖拽 画布只能显示图片的一部分,我们希望通过鼠标在画布上的拖动,查看图片的其他部分。 为了不影响运行效率,鼠标拖拽的过程中,可以不做效果处理,只在鼠标抬起后,给出交互结果。 第三,我们需要一个缩…