Learning Grunt
4.6 (24 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
302 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learning Grunt to your Wishlist.

Add to Wishlist

Learning Grunt

Accelerate and automate web development workflows using Grunt
4.6 (24 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
302 students enrolled
Last updated 8/2015
English
Current price: $10 Original price: $75 Discount: 87% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Create a development workflow in which you can lint and build your source files, run your unit tests, and preview your site in a web server, all from the command line
Make the most of NodeJS to create scalable and real-time applications
Configure RequireJS to accelerate your code performance
Minimize your work time by adding multiple configurations for a single task
Test your code like a pro using Karma and Jasmine
Integrate Git into your Grunt workflow for powerful source control management
Identify common issues and problems in Grunt and brush up your troubleshooting skills
View Curriculum
Requirements
  • You should be familiar with JavaScript and CSS. Familiarity with Node.js will be beneficial, but it is not essential.
Description

Grunt, an industry-standard JavaScript task runner, is used by professionals to tame and automate the most repetitive parts of the workflow. It is loaded with a wealth of free plugins that are available online empowering you to maximize your development time and minimize human error; just what every developer wants!

Learning Grunt is a systematic guide that will help you build up your workflow from installing and using Grunt to a basic degree, to advanced configurations and creating your own plugins.

We'll start off by creating our development area and getting Node and Grunt installed. Then, we'll move on to look at some Grunt basics including defining and running tasks as well as working with configuration. Next we'll dive into getting the first iteration of our workflow setup, with a focus on running basic tasks. From there, we'll evolve our workflow into a more advanced build system focusing on tasks such as loading modules better using RequireJS, and testing our application using Karma and Jasmine. Lastly, you'll learn how to create your very own plugins in order to make your workflow unstoppable.

This course will give you the workflow you need to help you focus on building high-quality applications and sites instead of wrestling with manual processes.

About the Author

Dan Wellman is a JavaScript developer based in the UK. He has a decade of hard-earned experience working for companies big and small including local boutique design agencies, and more recently, the Skype division of Microsoft.

Dan has written and co-written nine books for Packt, mostly centered on jQuery and jQuery UI, and he regularly creates immersive video tutorials for various websites and companies.

Who is the target audience?
  • If you are a front-end developer who wants to streamline your development workflow with an automated build system, this course is for you!
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 27 Lectures Collapse All 27 Lectures 02:29:21
+
Introduction
3 Lectures 12:08

See what you'll learn throughout the course.

The Course Overview
03:20

Install the necessary software and create a folder for the examples to reside in.

Setting Up a Development Area
04:58

Configure Grunt so that you can run tasks.

Basic Configuration
03:50
+
Getting Started
4 Lectures 20:40

Learn how to create and run tasks, which are the fundamental building blocks of any Grunt workflow.

Preview 04:13

See how to provide a configuration for tasks, a key skill for using Grunt.

Configuring Tasks
04:56

Understand the different ways of passing files to tasks, a very common requirement.

Working with Files
06:22

Consume data from the package json file inside the configuration.

Templating
05:09
+
Basic Workflow Tasks
5 Lectures 28:05

Check your code automatically for syntax errors and potential bad practices.

Preview 05:29

Compile CoffeeScript files into JavaScript files ready for minification.

Transcompiling CoffeeScript
03:44

Compile Sass files into CSS files ready for minification.

Preprocessing with SASS
04:32

Minify the JavaScript and CSS files ready for production.

Minfying Code – Uglify and CSSMin
04:38

Preview your latest changes in an actual browser by running the site through a local web server.

Running the Site in a Web Server
09:42
+
Advanced Workflow Tasks
3 Lectures 26:24

Keep script files organized and modular with RequireJS.

Preview 10:13

Run unit tests from the command line for automation and speed.

Unit Testing with Jasmine and Karma
08:47

Understand how well your unit tests cover your code with coverage reports.

Creating Coverage Reports
07:24
+
Working with Git
4 Lectures 25:33

Use a source control management system to store project files and maintain a history of the project. Git is one of the best.

Preview 04:50

New or changed files must be added to Git's index before they can be saved in the repository.

Adding New and Changed Files
06:26

In order for Git to track changes to files or save new changes, they need to be committed to the repository.

Committing Changes
04:52

Changes made to a feature branch need to be brought back to the master branch, ready to be released.

Rebasing on to Master
09:25
+
Building a Grunt Plugin
5 Lectures 23:54

We can use the Grunt init plugin and the plugin template to quickly get started when creating a new plugin.

Preview 04:58

Our plugin will need to perform a specific task. We can overwrite the example code added by the template.

Creating the Plugin
03:04

All plugins require configuration. We'll need to access this configuration inside our plugin.

Working with Configuration Options
04:30

We need to add unit tests to our plugin to ensure that it works the way that we expect.

Testing the Plugin
06:19

Once we've created our plugin, we need to publish it on NPM so that we can install it just like other plugins that we've used in our workflow.

Integrating with the Plugin
05:03
+
Continuing Learning
3 Lectures 12:37

The Gruntfile can very quickly become extremely large and intimidating. It needs to be broken down into more manageable pieces.

Preview 03:56

We need to know how to troubleshoot problems that can occur when using Grunt.

Troubleshooting Common Problems
05:28

There is much more to learn about Grunt. Find out where additional information can be found.

Additional Resources
03:13
About the Instructor
Packt Publishing
3.9 Average rating
3,985 Reviews
32,207 Students
318 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.