Udacity

Web Tooling & Automation (Udacity)

Offered by Udacity, Google,
Web Tooling & Automation (Udacity)

Gulp, Sass, and BabelJS, Oh My! 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.

Class Deals by MOOC List - Click here and see Udacity's Active Discounts, Deals, and Promo Codes.

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.

What You Will Learn

Lesson 1
Introduction

  • Being pragmatic vs. idealistic when choosing tools.
  • Identify the real value of the tool.
  • Keep things modular and replaceable.

Lesson 2
Productive Editing

  • Set up your editor.
  • Install Sublime Text.
  • Install Plugins.

Lesson 3
Powerful Builds

  • Getting started with Gulp.
  • Install gulp plugins.
  • Create gulp tasks.

Lesson 4
Expressive Live Editing

  • Why live edit?
  • Approaches for live editing.
  • Testing with Browser Sync.

Lesson 5
How to Prevent Disasters

  • Code correction with linting.
  • ESLint.
  • Unit testing in Gulp.

Lesson 6
Awesome Optimizations

  • CSS concatenation.
  • JS concatenation and minification.
  • Sourcemaps.

Prerequisites and Requirements
We expect that you have basic experience with JavaScript and a text editor, like Sublime Text or Atom.
If you need more experience with JavaScript, check out our JavaScript Basics course.

Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

Advanced Styling with Responsive Design (Coursera) Coursera
University of Michigan

Advanced Styling with Responsive Design (Coursera)

CS: Software Engineering

It used to be the case that everyone viewed webpages on about the same size screen. But with the explosion of the use of smartphones to access the Internet, the landscape of design has completely changed. People viewing your site will now expect that it will perform regardless of the platform (smartphone, tablet, laptop, or desktop computer). This ability to respond to any platform is called responsive design.

Jun 15th 2026
4 Weeks
Javascript Bootstrap Web Design
Details
JavaScript Testing (Udacity) Udacity
Udacity

JavaScript Testing (Udacity)

CS: Programming Computer Science

Developing Apps with Confidence. In this course you'll learn how to write JavaScript applications with confidence, using the red-green-refactor workflow. You'll write comprehensive suites of tests that validate your application is functioning as intended at all times. You'll start by exploring how other industries use a variety of tests and the value it provides. You'll then start writing your very own tests, using the Jasmine testing framework. Finally, you'll start developing your very own address book application using the red-green-refactor workflow and explore a variety of scenarios including testing asynchronous functions.

Self Paced
Self-Paced
Javascript Applications Development Jasmine
Details
Programming Foundations with JavaScript, HTML and CSS (Coursera) Coursera
Duke University

Programming Foundations with JavaScript, HTML and CSS (Coursera)

CS: Software Engineering CS: Programming

Learn foundational programming concepts (e.g., functions, for loops, conditional statements) and how to solve problems like a programmer. In addition, learn basic web development as you build web pages using HTML, CSS, JavaScript. By the end of the course, will create a web page where others can upload their images and apply image filters that you create.

Jun 15th 2026
4 Weeks
HTML Algorithms Javascript
Details
JavaScript Basics (Coursera) Coursera
University of California, Davis

JavaScript Basics (Coursera)

CS: Programming

This course introduces the programming language JavaScript and shows the websites that include the type of interactions students will eventually be able to develop. Learners will understand the importance of how JavaScript was developed and why such history impacts the way JavaScript is currently written and in future releases.

Jun 15th 2026
4 Weeks
HTML Javascript CSS
Details
Data Manipulation in JavaScript (Coursera) Coursera
University of California, Davis

Data Manipulation in JavaScript (Coursera)

CS: Information & Technology CS: Programming

This course builds on the skills from the previous course and goes further into managing and manipulating data with JavaScript. You will learn methods for validating and handling data provided by users or coming from an external data source. This course includes a challenge in the form of a seat reservation system, as well as a project that pulls data in from an external data source.

Jun 15th 2026
4 Weeks
Javascript JQuery Data Manipulation
Details
Animation with JavaScript and jQuery (Coursera) Coursera
University of California, Davis

Animation with JavaScript and jQuery (Coursera)

CS: Information & Technology CS: Programming

With the general introduction of JavaScript in the first course, this course will focus on JavaScript libraries, specifically jQuery. The scripts will be geared toward Document Object Model (DOM) manipulation. Learners will describe the top JavaScript libraries and differentiate which would work best to implement and accelerate development of web page animation.

Jun 15th 2026
4 Weeks
Javascript JQuery Recursion
Details
Writing and Editing: Structure and Organization (Coursera) Coursera
University of Michigan

Writing and Editing: Structure and Organization (Coursera)

Personal and Professional Development

This second course in the Good with Words: Writing and Editing series will help you become an effective architect of information, both with your sentences and with your paragraphs. You’ll learn that the traditional advice to “Show, don’t tell” is incomplete and that skilled writers actually switch back and forth between showing and telling.

Jun 15th 2026
4 Weeks
Writing Creativity Time Management
Details
Writing and Editing: Word Choice and Word Order (Coursera) Coursera
University of Michigan

Writing and Editing: Word Choice and Word Order (Coursera)

Personal and Professional Development

This course will teach you how to use your written words to become more persuasive. You’ll learn creative ways to use syntax, effective techniques for telling stories, and a clever method for arranging a complex series of information. You’ll also get a chance to both professionalize your use of punctuation and add a bit of style and sophistication to how you craft everything from sentences to slogans.

Jun 15th 2026
4 Weeks
Writing Word Creativity
Details