您正在学习的是试看内容,报名后可学习全部内容 报名课程
人气值 3.9k

实战组件开发——手机日历 - 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 使用