Part 1. A modern workflow for web applications

 

This first part is dedicated to front-end development workflows and tooling. In these chapters, you’ll learn about the daily challenges a front-end developer has to face, and will implement a workflow to overcome those challenges by using three tools.

Chapter 1 introduces the proposed workflow and details which types of tools are necessary to manage all the tasks ahead.

Chapter 2 starts with the first tool: the build tool, Gulp. With Gulp, you’ll set up automation for testing as well as compilation for JavaScript and CSS files.

Chapter 3 builds on the tasks from chapter 2 and organizes them in execution chains. Additionally, you’ll set up a live-reloading development server, which updates the build files to a full-fledged local development environment.

Chapter 4 introduces the second tool: the dependency-management tool, Bower. You’ll learn about components and dependency trees and will use Bower to keep third-party software at ease.

In Chapter 5, all the efforts from the previous chapters are combined and packaged with the third tool: the scaffolding tool, Yeoman. With Yeoman, you’ll be able to roll out development-ready project templates for your future projects.