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

周敏

百度前端工程师,两届IFE学员。熟悉SAN框架,关注前后端技术,关注前端交互体验。喜欢丰富的前端生态和“无所不能”的JS。

共发布 1个任务,已经有 6名学生在这里学习上课
开始学习

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

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

4.1 Todo MVC

任务目的 使用San编写一个具有一定复杂度的应用 学习San的数据/数组操作方法 学习如何使用San进行组件化的前端开发 任务描述 如 http://todomvc.com/ 网站demo所示,完成一个Todo MVC app。 要求: 新建一个todo item,点击回车确认内容。 修改todo的完成状态。完成/未完成状态可切换。 点击删除,可删除一项。 切换底部状态tab,展现对应列表内容。 双击某一todo item,可重新编辑其内容。 任务注意事项 你不需要过多关注css,样式可以在官网找到。小提示:也可以找一找npm包。 用localStorage存储数据。 对业务组件进行…

开始学习

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

2人在学习该课程,有0人已经完成该课程

4.2 与san-router结合实现Todo MVC

任务目的 学习并实践前端路由的相关概念 学习如何使用san-router开发单页应用 任务描述 为Todo MVC任务中你实现的应用,添加前端路由,使之成为一个单页面应用。 要求: 当URL变化且URL匹配到某一路由规则时,页面会渲染路由对应的组件。 任务注意事项 你可能需要先了解前端路由的概念。 不需要精通,你可以了解一下restful api。 在线学习参考资料 san-router: https://github.com/baidu/san-router restful api设计资料: https://github.com/aisuhua/restful-api-desi…

开始学习

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

1人在学习该课程,有0人已经完成该课程

4.3 结合san-router与san-store优化Todo MVC

任务目的 学习如何使用flux模式进行前端应用的组件间通信和数据管理 任务描述 新增一个todo的编辑页面,你可以在编辑页面中为todo添加更为丰富的内容,如:todo类型、标签、配图、预期完成时间、甚至是markdown语法支持等等。 要求: 你的项目仍然是一个基于san-router的单页面应用 尽可能复用你的组件,并且使用san-store来进行组件间通信 任务注意事项 在使用san-store存储更新信息的基础上,尽可能实现更为完善的编辑功能。 你可以参考这里的代码: https://github.com/baidu/san-store/tree/master/example…