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 14 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
Full-Stack Web Development with Vue.js and Node Book Cover
Full-Stack Web Development with Vue.js and Node
$ 35.99
$ 25.20
Buy 2 for $35.00
Save $64.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

Full-Stack Web Development with Vue.js and Node Book Cover
Full-Stack Web Development with Vue.js and Node
$ 35.99
$ 25.20
Hands-on Application Development with Node.js [Video] Book Cover
Hands-on Application Development with Node.js [Video]
$ 124.99
$ 106.25
Build Real World Websites from Scratch using HTML5 and CSS3 [Video] Book Cover
Build Real World Websites from Scratch using HTML5 and CSS3 [Video]
$ 187.99
$ 159.80
Azure Platform as a Service – Web and API Application Deployment [Video] Book Cover
Azure Platform as a Service – Web and API Application Deployment [Video]
$ 124.99
$ 106.25
The Complete JavaScript Developer: A Primer to Full Stack JS [Video] Book Cover
The Complete JavaScript Developer: A Primer to Full Stack JS [Video]
$ 71.99
$ 61.20
Hands-on GraphQL for Better RESTful Web Services [Video] Book Cover
Hands-on GraphQL for Better RESTful Web Services [Video]
$ 124.99
$ 106.25