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

价       格: 10.24
讲座评分: 评分不足
开始时间: 2017-06-16 周五 20:00()
等 22 人参与
收藏

讲师信息

Meathill
2.3k 声望
037

我是翟路佳,微博 | 博客

今年的目标是在技术开发培训上取得长足的进展,完成25场直播,收获至少一千个观众。

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

内容简介

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

在之前的几次课当中,我们从需求分析入手,先构建了适合我们需求的 HTML 模板,然后使用 Stylus 编写了 CSS,接下来使用 ES6 编写了 JS 脚本,并用测试保证其工作正常。但是大家可能已经发现,这个系列教程中,我们写的代码,很少能直接放在浏览器里跑,大多是“预处理”,需要转译成我们熟悉的 HTML、CSS、JS。这也是 Node.js 大发展后的今天,每一个前端开发都要学习和适应的。

但是对于非前端、不熟悉这套流程的前端、希望把我们的产品当成黑盒直接使用的人来说,这样的交付物还不够。所以我们要把它编译打包,输出成我们常见的那种形式。完成这套工作需要批处理工具。

批处理工具从最初的 ant,到 Grunt,到 Gulp,后来闹过一阵 npm scripts,现在还是以 Gulp 为主。我们这次分享也是围绕 Gulp 展开的。

本节课计划讲授:

  1. 使用 Gulp 进行批处理
  2. 区分开发模式和发布模式
  3. 使用 ESLint 工具进行代码审查

面向受众:

  1. 希望学习批处理工具使用
  2. 希望进一步了解 webpack
  3. 希望使用 ESLint 科学管理项目

本系列目录

  1. 实战组件开发——手机日历 - 1. 项目启动
  2. 实战组件开发——手机日历 - 2. ES6 与测试
  3. 实战组件开发——手机日历 - 3. UI 开发与策略模式

1 条评价

fish · 6月21日

如何发起一堂讲座

目前讲师人选主要是通过主动邀请的有一定影响力技术嘉宾,我们也欢迎在技术领域同样优秀的您申请成为讲师,如果条件合适我们会在三个工作日内邮件联系您。

SegmentFault 讲堂是什么?

SegmentFault 讲堂是以开发者为中心的视频演讲平台。 旨在和开发者一起分享和创造有价值的技术内容。 目前讲堂主要有视频观看,下载相关文档以及和主讲人聊天互动的功能。

关注 SegmentFault 服务号

  • 订阅讲堂开播提醒
  • 及时获取更多直播动态

添加 SF.GG 讲堂粉丝 QQ 群

  • 群号码:642336612(备注 SF 用户名)
  • 不定期获取讲座优惠信息,随时和开发者交流互动