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

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

现代化的前端开发不仅局限于 HTML、CSS、JavaScript，它包含很多内容，比如各种预处理工具、批处理工具、模板引擎、打包工具，还有调试、测试、版本管理、响应式、甚至文档建设等等。本系列教程会尽可能全面完整的呈现这一切。

注意，这里我用了“本系列”。是的，如此多的内容不可能放在一个课时里讲完，我会把它分成若干个课时，每次课讲解若干个知识点。我现在没有办法完全确定每次课的内容，所以我会每次更新大约两节课的内容。

因为课程内容包含完整的开发流程，所以欢迎各个级别的前端同学前来学习交流。不过最好事先对前端有所了解，能看懂 CSS 和 JavaScript。时间所限我没法逐个讲解 API 和命令。

计划分享的内容：

1. 项目启动
2. npm 工具使用
3. CSS 预处理工具 Stylus
4. CSS 动画
5. Webpack + Babel + ES6/ES2015
6. 模板 Handlebars
7. gulp 打包
8. 测试，自动化测试
9. SVG 基础
10. 设计模式之策略模式
11. 微信开发及调试，使用 weinre
12. 利用 GitHub Pages 搭建静态网站

第一次课的内容：

1. 项目启动，需求分析
2. 无功能 HTML + CSS 开发
3. npm 工具使用
4. CSS预处理工具 Stylus 使用