To support our site, Class Central may be compensated by some course providers.

Taken this course? Share your experience with other students. Write review


In this course, you’ll learn how to setup your development, get super productive during daily work and iteration, prevent yourself and your site from disasters and save a lot of time and effort with automatic optimization and automation. Finally, you’ll learn how to do all this while being confident your code runs on a multitude of devices in the real world.

Why Take This Course?

Front-end developers need to work quickly and efficiently to be productive. Having a good set of tools and libraries is crucial. This course will introduce you to a opinionated set of tools and libraries to improve your workflow.



Learn how to protect yourself from micro and over-optimization.

  • Being pragmatic vs. idealistic when choosing tools
  • Identify the real value of the tool (is it well maintained? Does it have a large community? Is it documented?)
  • Keep things modular and replaceable
  • Staying away from micro-optimizations

Lesson 1: Productive Editing

Learn how to setup the very core of your development environment, namely your editor.

  • From Notepad to IDE
  • Set up your editor
  • Install Sublime Text
  • Install Plugins

Lesson 2: Powerful Builds

Learn about build tools and why you should use them.

  • Overview of build tools
  • Getting started with Gulp
  • Install gulp plugins
  • Create gulp tasks

Lesson 3: Expressive Live Editing

Learn how to reduce context switch with live editing.

  • Why live edit?
  • Approaches for live editing
  • Browser Sync

Lesson 4: How to Prevent Disasters

Learn how to use tools to automate a few alarms and safety nets that will make our lives much easier.

  • Why rely on tools to prevent bad things from happening?
  • Linting
  • ESLint
  • Unit Testing in Gulp

Lesson 5: Awesome Optimizations

Learn how to polish your project for production

  • CSS Concatenation
  • JS Concatenation and Minification
  • Writing Future Proof Code
  • Sourcemaps
  • Optmization

Taught by

James Williams

Help Center

Most commonly asked questions about Udacity Udacity

Reviews for Udacity's Web Tooling & Automation
4.5 Based on 2 reviews

  • 5 star 50%
  • 4 star 50%
  • 3 star 0%
  • 2 star 0%
  • 1 star 0%

Did you take this course? Share your experience with other students.

Write a review
  • 1
Liosha B
5.0 a year ago
by Liosha audited this course.
Was this review helpful to you? Yes
Atila R
4.0 a year ago
by Atila audited this course.
Was this review helpful to you? Yes
  • 1

Class Central

Get personalized course recommendations, track subjects and courses with reminders, and more.