Web Tooling & Automation

About this Course

In this course, you’ll learn how to setup your development environment and save a lot of time and effort with automatic optimization.

[

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.

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.