网站工具化和自动化

Gulp、Sass 和 BabelJS

中级

大约 3 个礼拜

6小时每周 (按照自己的节奏)

由以下企业参与制作:
加入成千上万的全球学员

开始免费课程

加入课程
免费
可享受
课程视频
实战练习与参考项目指导
中级

大约 3 个礼拜

6小时每周 (按照自己的节奏)

由以下企业参与制作:
加入成千上万的全球学员

课程概述

在本课程中,你将学习如何设置开发环境,在日常工作和迭代中获得超级生产力,防止自己和你的网站遭受灾难,并通过自动优化和自动化节省大量时间与精力。最后,在做到上述这些方面的同时,确保你的代码可在真实世界中的众多设备上运行。

喜欢这门课程?你可以继续学习“前端开发工程师”纳米学位!

为什么学习这门课程?

前端开发人员需要快速高效地工作来提高生产力,而拥有一套完备的工具和库是关键。本课程将向你介绍一套自用工具和库,帮助改进你的工作流。

先修要求

学员要有使用 JavaScript 和文本编辑器(如 Sublime Text 或 Atom)的基本经验。

如果你需要熟悉 JavaScript,可查看我们的 JavaScript 基础课程。

查看使用优达学城的技术要求

你将学习什么内容?

项目

线下聚会规划应用

你将构建一个响应式应用,允许用户建立会议事件。构建的应用要能在桌面和移动设备上均灵活使用。此应用必须允许用户命名事件,搜索活动举办地点(使用位置 API,如 Foursquare),设置活动人数、开始和结束时间,以及输入事件描述。

学习计划

简介

了解如何避免微优化和过度优化。

  • 选择工具时的实用主义和理想主义
  • 确定工具的真正价值(它是否有良好的维护?是否有大型社区?是否有正规文档说明?)
  • 确保将事物模块化并保持可替换性
  • 避免微优化

第 1 课:高效编辑

学习如何设置开发环境的核心,即文本编辑器。

  • 从记事本到 IDE
  • 设置编辑器
  • 安装 Sublime Text 文本编辑器
  • 安装插件

第 2 课:强大构建工具

了解构建工具以及为什么要使用它们。

  • 构建工具概述
  • Gulp 入门
  • 安装 Gulp 插件
  • 创建 Gulp 任务

第 3 课:表达式实时编辑

了解如何使用实时编辑减少上下文切换。

  • 为何使用实时编辑?
  • 实时编辑的方法
  • 浏览器同步

第 4 课:如何预防灾难

了解如何使用工具将一些警报和安全网自动化,使我们的生活更加便利。

  • 为何要依靠工具防止灾难发生?
  • Lint 代码分析工具
  • ESLint 代码检测工具
  • Gulp 中的单元测试

第 5 课:出色的优化

学习如何提升你的项目,做好上线准备

  • CSS 连接
  • JS 连接和缩小
  • 编写未来也能看懂的代码
  • 源映射
  • 优化

讲师与合作伙伴

Paul Bakaus

Paul Bakaus

Paul Bakaus 是 Google 的一名技术推广工程师,负责开发工具、AMP 和游戏的宣传与推广工作。他协助开发者、设计师和制片人创造更好、更快速、更身临其境和令人信服的数字体验。在加入 Google 之前,他创建了备受欢迎的 jQuery UI 部件库,现在有超过 14% 的流行网络在使用它。Paul 还打造了一款名为 Aves Engine 的游戏引擎,这是全世界第一个全交互式 HTML5 游戏引擎原型,最终他将该原型出售给了社交游戏公司 Zynga。

James Williams

James Williams

一次在计算机夏令营当讲师的经历,让 James Williams 爱上教学工作。他在闲暇时间还参加障碍赛或越野赛,同时他还是《HTML5 游戏编程》的作者,这本书被翻译成了中文和韩文。他拥有计算机科学的本科和硕士学位,以及法语的本科学位。

官方微信公众号二维码

优达学城(Udacity)微信