Web Tooling & Automation

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.

• Introduction
• Being pragmatic vs. idealistic when choosing tools.,Identify the real value of the tool.,Keep things modular and replaceable.
• Productive Editing
• Set up your editor.,Install Sublime Text.,Install Plugins.
• Powerful Builds
• Getting started with Gulp.,Install gulp plugins.,Create gulp tasks.
• Expressive Live Editing
• Why live edit?,Approaches for live editing.,Testing with Browser Sync.
• How to Prevent Disasters
• Code correction with linting.,ESLint.,Unit testing in Gulp.
• Awesome Optimizations
• CSS concatenation.,JS concatenation and minification.,Sourcemaps.