实战组件开发——手机日历

本系列讲解手机 Web 日期控件的开发,重点在于完整重现整个开发过程。学完整个课程的同学可以对现代化前...

注意:SF 暂时不支持编辑系列讲堂的功能,所以重开讲座。请之前已购买的同学私信我获取免费券。

本系列讲解手机 Web 日期控件的开发,重点在于完整重现整个开发过程。学完整个课程的同学可以对现代化前端开发有更全面的理解。

现代化的前端开发不仅局限于 HTML、CSS、JavaScript,它还包含很多内容。比如预处理工具、批处理工具、模板引擎、打包工具构成的工具链;还有调试、测试、版本管理、甚至文档建设等软件工程学知识。本系列教程希望尽可能全面完整的呈现这一切。

因为课程内容包含完整的开发流程,所以欢迎各个级别的前端同学前来学习交流。不过最好事先对前端有所了解,能看懂 CSS 和 JavaScript。

计划分享的内容:

  1. 项目启动
  2. Node.js 和 NPM 工具使用
  3. CSS 预处理工具 Stylus
  4. Webpack + Babel + ES6/ES2015
  5. 模板 Handlebars
  6. Gulp 打包
  7. 测试,自动化测试
  8. 设计模式之策略模式
  9. 利用 GitHub Pages 搭建静态网站
  10. 使用 Vue 重构项目
暂无评分 (137 人已报名)
包含 6 场讲座
46.08
3 收藏

系列讲座列表

实战组件开发——手机日历 - 1. 项目启动 试看讲座

开始时间:2017-05-07 20:00

我已经在 SegmentFault 上开设四个话题,都是针对特定知识点进行讲解,我觉得是时候来场完整项目实战了!这次选择讲解开发一个主攻移动设备网页的日历选择控件,重点在于完整重现整个开发过程。学完整个课程的同...

查看更多

实战组件开发——手机日历 - 2. ES6 与测试 试看讲座

开始时间:2017-05-26 20:00

上节课我们先从需求入手,然后确定技术选型,最后使用 HTML + CSS 赋予这个控件一个肉身。这节课开始,我们要为其塑造灵魂——编写 JavaScript 使其具备功能。

查看更多

实战组件开发——手机日历 - 3. UI 开发与策略模式 试看讲座

开始时间:2017-06-06 20:00

这是《实战组件开发——手机日历》系列讲堂的第三讲。继续讲解如何开发面向移动网页的日历选择控件,这次重点是 UI 开发和设计模式。

查看更多

实战组件开发——手机日历 - 4. 用 Gulp 打包发布吧! 试看讲座

开始时间:2017-06-16 20:00

这是《实战组件开发——手机日历》系列讲堂的第四讲。继续讲解如何开发面向移动网页的日历选择控件,这次重点是打包输出交付产品。

查看更多

实战组件开发——手机日历 - 5. 理解模块管理/制作文档/发布到NPM 试看讲座

开始时间:2018-04-05 20:00

这是《实战组件开发——手机日历》系列讲堂的第五讲。前面我们基本把功能开发完毕,接下来我们要把交付物做的尽可能好用,同时把文档写清楚。

查看更多

实战组件开发——手机日历 - 6. 重构为 Vue 版本 试看讲座

开始时间:2018-05-03 20:00

这是《实战组件开发——手机日历》系列讲堂的最后一讲。最早的计划里没有这讲,但为了回报那些毅然购买整个系列的同学们,我决定增加一期,介绍如何把原本基于 jQuery,主要跑在全局环境下的组件进行改写,使其可以...

查看更多

0 条评价

暂无评价

讲师简介

Meathill
6k 声望
179

我是翟路佳,SF 主页 | 微博 | 博客

今年的目标是做一名兴趣使然的分享者,尽可能带动其他同学进步。每月完成一次直播分享。

热爱编程,希望把程序员作为终身职业。享受不断学习、不断进步的过程,享受解决难题后的畅快。
从业11年有余,目前是一名全栈工程师,技术偏前端。
喜欢分享,好奇心旺盛,喜欢琢磨产品,喜欢观察商业模式。