Front-End Tooling with Gulp, Bower, and Yeoman

List of Figures

Chapter 1. Tooling in a modern front-end workflow

Figure 1.1. The three phases of development workflow

Figure 1.2. Tasks for each development phase

Figure 1.3. The tasks categorized in types of code

Figure 1.4. How the three tools act with your project

Figure 1.5. The parts of the Node.js ecosystem

Figure 1.6. Yeoman takes predefined templates from a generator and integrates additional data based on user input. The adapted templates will be added to an existing project or—depending on the generator—will result in an entirely new project.

Figure 1.7. Bower as a package manager calls the repository and checks for availability of this package. It compares installed dependencies and will update them if needed or let the user know ...