Mastering Grunt [Video]

Mastering Grunt [Video]

This video is included in a Mapt subscription
Bertrand Chevrier

Architect, practice, and automate your development workflow with Grunt—the JavaScript Task Runner
$0.00
$80.75
$39.99p/m after trial
RRP $94.99
Subscription
Video
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Video Details

ISBN 139781785281617
Course Length2 hours and 7 minutes

Video Description

Grunt is everywhere. From JavaScript projects in jQuery to Twitter Bootstrap, everyone's using Grunt to convert code, run tests, and produce distributions for production. Web development activities are marked by repetitive tasks such as optimization, compilation, sprites assembling, and testing. Grunt stands on a wide number of rock solid plugins that will do the job for you, helping you to maximize your development time by reducing time spent doing repetitive tasks.

With this course, not only will you be able to set up and use Grunt in your projects, you’ll also learn about the Grunt internals and its philosophy. The goal is to prepare you to become a Grunt expert—from complex configuration to plugin authoring.

Using a real application as a leading thread, called Foodprint.io, we will automate most of the repetitive tasks in its workflow such as compiling SASS files, running unit tests, and bundling ES2015 code to ES5. We will start with an advanced configuration and customization of the Grunt environment, focusing on practical examples of creating a customized Grunt environment that will support large-scale web development.

Next, we will discover one of the most powerful aspects of Grunt—using live tasks to run the application in development mode. We'll talk about LiveReload, Test Automation, Modular configuration, and combining tasks. Another crucial part of the course is dedicated to creating a Grunt plugin from scratch, and we'll cover how to scaffold plugins using Grunt init and Yeoman, how to test them with Mocha and Chai, and how to publish them so others can use them. We finally end our journey with a dedicated focus on best practices and troubleshooting.

Full of advice, best practices, and real-life examples, the course isn’t just a combination of different Grunt configurations, it will give you all you need to architect your automation workflow, debug existing ones, and implement Grunt successfully in large and complex applications.

Style and Approach

This video course is an advanced practical guide that will dive deep into efficiently creating and maintaining large scale tasks and project builds, automating work-flows of large groups by creating complex routines, integrating third-party plugins, and creating custom tasks. During the course, we will implement Grunt step-by-step, introducing a new concept in every section. The course leads you through concrete use cases, from an efficient Grunt configuration to the development of your own Grunt tasks all in less than 3 hours.

Table of Contents

Grunt Your Companion
The course Overview
Setting Up and Installing the Project
Running Foodprint.io
Grunt Core Concepts
Grunt in Foodprint.io
Gruntify Your Project
Adding Quality Checks with ESLint
Running the Tests
Generating a Test Coverage Report
Bundling Client-side Modules
Advanced Automation with Grunt
Productivity with a Toolchain
Real-time Testing
Context-based Optimization
Combining Tasks to Create a Workflow
The freedom of Plugin Authoring
Plugin Scaffolding
registerTask Versus registerMultiTask
Plugin Communication
Handling Asynchronous Tasks
Advanced Plugin Authoring
Verbose, Debug, Error – Best Practice Output
Even More Pluggable with Events
Testing the Plugin with Mocha and Chai
Become Famous – Publish Your Plugin to the World
Managing a Maintainable Grunt Config
A Cleaner Gruntfile
Parameterizing the Configuration
Taking Advantage of Your Environment – Grunt with npm
Divide and Rule – Split Your Grunt Tasks
The Grunt Philosophy
Common Pitfalls with Grunt
Adopting the Grunt Way
Task Runners

What You Will Learn

  • Set up Grunt in a project as well as choose, install, and load Grunt plugins
  • Configure Grunt tasks using options and file selection efficiently
  • Compose and create an automation workflow using atomic tasks
  • Use Grunt for long-running tasks such as live compilation and hot reloading
  • Author, release, and publish your own Grunt plugin
  • Use Grunt’s internal APIs such as file, event, log, and async
  • Debug a Grunt configuration to detect possible conceptual issues
  • Clean up, optimize, and organize the Grunt configuration to get efficient workflows

Authors

Table of Contents

Grunt Your Companion
The course Overview
Setting Up and Installing the Project
Running Foodprint.io
Grunt Core Concepts
Grunt in Foodprint.io
Gruntify Your Project
Adding Quality Checks with ESLint
Running the Tests
Generating a Test Coverage Report
Bundling Client-side Modules
Advanced Automation with Grunt
Productivity with a Toolchain
Real-time Testing
Context-based Optimization
Combining Tasks to Create a Workflow
The freedom of Plugin Authoring
Plugin Scaffolding
registerTask Versus registerMultiTask
Plugin Communication
Handling Asynchronous Tasks
Advanced Plugin Authoring
Verbose, Debug, Error – Best Practice Output
Even More Pluggable with Events
Testing the Plugin with Mocha and Chai
Become Famous – Publish Your Plugin to the World
Managing a Maintainable Grunt Config
A Cleaner Gruntfile
Parameterizing the Configuration
Taking Advantage of Your Environment – Grunt with npm
Divide and Rule – Split Your Grunt Tasks
The Grunt Philosophy
Common Pitfalls with Grunt
Adopting the Grunt Way
Task Runners

Video Details

ISBN 139781785281617
Course Length2 hours and 7 minutes
Read More

Read More Reviews