GRUNT js: Automate web development tasks and save your time [Video]

Preview in Mapt

GRUNT js: Automate web development tasks and save your time [Video]

Arkadiusz Włodarczyk

Save time automating web development tasks like compressing CSS/ JS files on the fly. Set once and enjoy your released time!
Mapt Subscription
FREE
$29.99/m after trial
Video
$54.40
RRP $63.99
Save 14%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$54.40
$29.99 p/m after trial
RRP $63.99
Subscription
Video
Start 30 Day Trial

Frequently bought together


GRUNT js: Automate web development tasks and save your time [Video] Book Cover
GRUNT js: Automate web development tasks and save your time [Video]
$ 63.99
$ 54.40
Introducing Grunt: The JavaScript Task Runner [Video] Book Cover
Introducing Grunt: The JavaScript Task Runner [Video]
$ 49.99
$ 42.50
Buy 2 for $35.00
Save $78.98
Add to Cart

Video Details

ISBN 139781788834810
Course Length1 hour and 39 minutes

Video Description

As a front-end developer, you have to do many time-consuming tasks. Grunt is a task runner automating the web development tasks, it will save you a lot of precious time. As always time = money. Save your time by learning Grunt. Sample tasks that are going to be executed for you by Grunt: - compressing of CSS and JS files, making files smaller means that your website will load faster, merging CSS and JS files, you can maintain many JS/CSS files and at the end user only one. This is decreasing the number of required requests (which also improves the website's loading speed), optimizing your images - reducing their file sizes without affecting quality, automatically adding vendor prefixes - you won't need to worry about vendor prefixes anymore. Grunt gives you a perfect solution with no performance hit and nothing new to learn. Finding JavaScript bugs almost instantly - bugs in JS are the hardest to spot. With JShint one of the Grunt plugins, you can forget about this problem and much more - there are over 4,000 plugins available. After my course, you will know everything I mentioned above! Set it once and enjoy your saved time! Build your websites faster and avoid repetitive work.

Style and Approach

A 2-hour course to build your websites faster and avoid repetitive work.

Table of Contents

Introduction
What is Grunt.js?
Who Am I?
What you will know after this course?
Installation & Configuration
BONUS: Installation of great editor for Grunt.js
Node.js & npm & grunt-li
Configuration of Gruntfile.js and package.json
Grunt Plugins
Installing and executing tasks on example using Autoprefixer
How to configure tasks on example using Autoprefixer
Watching for Changes: contrib-watch
Automatically Compressing CSS files: contrib-cssmin
Automatically Compressing and merging JS files: grunt-contrib-uglify
Load many grunt tasks at once
Image Optimisation
Compressing images only if a new one is added: grunt-newer
JShint - find bugs in your Javascript code instantly
Run many tasks at once and improve the speed: grunt-concurrent
Summary
What after this course?

What You Will Learn

  • install and configure Grunt.js, npm, Node.js
  • minify and merge CSS and JS files -> which will improve website loading speed
  • automatically add vendor prefixes, after setting the project you won't need to think about vendor prefixes anymore
  • find JavaScript bugs almost instantly -> no more time consuming debugging of JavaScript code
  • dramatically decrease time needed for running many tasks at once

Authors

Table of Contents

Introduction
What is Grunt.js?
Who Am I?
What you will know after this course?
Installation & Configuration
BONUS: Installation of great editor for Grunt.js
Node.js & npm & grunt-li
Configuration of Gruntfile.js and package.json
Grunt Plugins
Installing and executing tasks on example using Autoprefixer
How to configure tasks on example using Autoprefixer
Watching for Changes: contrib-watch
Automatically Compressing CSS files: contrib-cssmin
Automatically Compressing and merging JS files: grunt-contrib-uglify
Load many grunt tasks at once
Image Optimisation
Compressing images only if a new one is added: grunt-newer
JShint - find bugs in your Javascript code instantly
Run many tasks at once and improve the speed: grunt-concurrent
Summary
What after this course?

Video Details

ISBN 139781788834810
Course Length1 hour and 39 minutes
Read More

Read More Reviews

Recommended for You

Introducing Grunt: The JavaScript Task Runner [Video] Book Cover
Introducing Grunt: The JavaScript Task Runner [Video]
$ 49.99
$ 42.50
Web Development with Node.js, MongoDB and Express [Video] Book Cover
Web Development with Node.js, MongoDB and Express [Video]
$ 124.99
$ 106.25
Web Development with Node.JS and MongoDB [Video] Book Cover
Web Development with Node.JS and MongoDB [Video]
$ 84.99
$ 72.25
Web Development with AngularJS and Bootstrap [Video] Book Cover
Web Development with AngularJS and Bootstrap [Video]
$ 74.99
$ 63.75
Responsive Web Development with HTML5, CSS3, and JavaScript [Video] Book Cover
Responsive Web Development with HTML5, CSS3, and JavaScript [Video]
$ 124.99
$ 106.25
Master Jenkins Course For Developers and DevOps [Video] Book Cover
Master Jenkins Course For Developers and DevOps [Video]
$ 24.99
$ 21.25