难度:进阶时间:大约需要3天
有38人在学习该课程,有10人已经完成该课程
任务目的 使用San编写一个具有一定复杂度的应用 学习San的数据/数组操作方法 学习如何使用San进行组件化的前端开发 任务描述 如 http://todomvc.com/ 网站demo所示,完成一个Todo MVC app。 要求: 新建一个todo item,点击回车确认内容。 修改todo的完成状态。完成/未完成状态可切换。 点击删除,可删除一项。 切换底部状态tab,展现对应列表内容。 双击某一todo item,可重新编辑其内容。 任务注意事项 你不需要过多关注css,样式可以在官网找到。小提示:也可以找一找npm包。 用localStorage存储数据。 对业务组件进行…
难度:进阶时间:大约需要3天
有21人在学习该课程,有7人已经完成该课程
任务目的 学习并实践前端路由的相关概念 学习如何使用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天
有31人在学习该课程,有7人已经完成该课程
任务目的 学习如何使用flux模式进行前端应用的组件间通信和数据管理 任务描述 新增一个todo的编辑页面,你可以在编辑页面中为todo添加更为丰富的内容,如:todo类型、标签、配图、预期完成时间、甚至是markdown语法支持等等。 要求: 你的项目仍然是一个基于san-router的单页面应用 尽可能复用你的组件,并且使用san-store来进行组件间通信 任务注意事项 在使用san-store存储更新信息的基础上,尽可能实现更为完善的编辑功能。 你可以参考这里的代码: https://github.com/baidu/san-store/tree/master/example…