O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Learning Path: Building Grunt-ified Web Application Workflows

Video Description

Architect your automation workflow using Grunt

In Detail

Grunt, the JavaScript Task Runner written in Node.js, is the industry-standard tool to perform important repetitive tasks such as minification, compilation, and unit testing. If you’re a JavaScript developer looking at managing and automating complex workflows for large-scale applications, this Learning Path is for you. This course will start by helping you build up your workflow from installing and using Grunt to a basic degree, to advanced configurations, creating your own plugins, and building high-quality applications and sites. The goal is to prepare you to become a Grunt expert—from complex configuration to plugin authoring.

Prerequisites: A core understanding of JavaScript

Resources: Code downloads and errata:

  • Learning Grunt

  • Mastering Grunt

  • PATH PRODUCTS

    This path navigates across the following products (in sequential order):

  • Learning Grunt (2h 29m)

  • Mastering Grunt (2h 7m)

  • Table of Contents

    1. Chapter 1 : Learning Grunt
      1. The Course Overview 00:03:20
      2. Setting Up a Development Area 00:04:59
      3. Basic Configuration 00:03:50
      4. Creating Tasks 00:04:13
      5. Configuring Tasks 00:04:56
      6. Working with Files 00:06:22
      7. Templating 00:05:09
      8. Running Static Analysis 00:05:29
      9. Transcompiling CoffeeScript 00:03:45
      10. Preprocessing with SASS 00:04:32
      11. Minfying Code – Uglify and CSSMin 00:04:38
      12. Running the Site in a Web Server 00:09:42
      13. Developing with RequireJS 00:10:13
      14. Unit Testing with Jasmine and Karma 00:08:47
      15. Creating Coverage Reports 00:07:25
      16. Installing and Initialising Git 00:04:50
      17. Adding New and Changed Files 00:06:27
      18. Committing Changes 00:04:53
      19. Rebasing on to Master 00:09:26
      20. Grunt init and the Plugin Template 00:04:57
      21. Creating the Plugin 00:03:04
      22. Working with Configuration Options 00:04:30
      23. Testing the Plugin 00:06:19
      24. Integrating with the Plugin 00:05:03
      25. Breaking Down the Gruntfile 00:03:57
      26. Troubleshooting Common Problems 00:05:29
      27. Additional Resources 00:03:13
    2. Chapter 2 : Mastering Grunt
      1. The Course Overview 00:04:37
      2. Setting Up and Installing the Project 00:03:44
      3. Running Foodprint.io 00:04:05
      4. Grunt Core Concepts 00:04:20
      5. Grunt in Foodprint.io 00:03:16
      6. Adding Quality Checks with ESLint 00:05:42
      7. Running the Tests 00:05:45
      8. Generating a Test Coverage Report 00:03:51
      9. Bundling Client-side Modules 00:04:26
      10. Productivity with a Toolchain 00:06:24
      11. Real-time Testing 00:05:08
      12. Context-based Optimization 00:03:23
      13. Combining Tasks to Create a Workflow 00:04:54
      14. Plugin Scaffolding 00:04:25
      15. registerTask Versus registerMultiTask 00:05:22
      16. Plugin Communication 00:04:35
      17. Handling Asynchronous Tasks 00:04:52
      18. Verbose, Debug, Error – Best Practice Output 00:05:24
      19. Even More Pluggable with Events 00:03:41
      20. Testing the Plugin with Mocha and Chai 00:04:14
      21. Become Famous – Publish Your Plugin to the World 00:04:52
      22. A Cleaner Gruntfile 00:04:19
      23. Parameterizing the Configuration 00:03:19
      24. Taking Advantage of Your Environment – Grunt with npm 00:04:13
      25. Divide and Rule – Split Your Grunt Tasks 00:04:13
      26. Common Pitfalls with Grunt 00:04:45
      27. Adopting the Grunt Way 00:04:42
      28. Task Runners 00:05:26