Learning Grunt

Accelerate and automate web development workflows using Grunt
4.5 (13 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.
229 students enrolled
$19
$75
75% off
Take This Course
  • Lectures 27
  • Length 2.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 8/2015 English

Course 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.

What are the requirements?

  • You should be familiar with JavaScript and CSS. Familiarity with Node.js will be beneficial, but it is not essential.

What am I going to get from this course?

  • 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

What 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!

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
03:20

See what you'll learn throughout the course.

04:58

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

03:50

Configure Grunt so that you can run tasks.

Section 2: Getting Started
04:13

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

04:56

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

06:22

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

05:09

Consume data from the package json file inside the configuration.

Section 3: Basic Workflow Tasks
05:29

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

03:44

Compile CoffeeScript files into JavaScript files ready for minification.

04:32

Compile Sass files into CSS files ready for minification.

04:38

Minify the JavaScript and CSS files ready for production.

09:42

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

Section 4: Advanced Workflow Tasks
10:13

Keep script files organized and modular with RequireJS.

08:47

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

07:24

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

Section 5: Working with Git
04:50

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

06:26

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

04:52

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

09:25

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

Section 6: Building a Grunt Plugin
04:58

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

03:04

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

04:30

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

06:19

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

05:03

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.

Section 7: Continuing Learning
03:56

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

05:28

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

03:13

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Packt Publishing, Tech Knowledge in Motion

Over the past ten years Packt Publishing has developed an extensive catalogue of over 2000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.

Ready to start learning?
Take This Course