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!

Quick links: > What will you learn?> Table of content

Mapt Subscription
FREE
$29.99/m after trial
Video
$12.80
RRP $63.99
Save 79%
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
$12.80
$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
$ 12.80
Ionic & Angular JS: Principles Of Mobile and Web Development [Video] Book Cover
Ionic & Angular JS: Principles Of Mobile and Web Development [Video]
$ 39.99
$ 8.00
Buy 2 for $20.80
Save $83.18
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

Ionic & Angular JS: Principles Of Mobile and Web Development [Video] Book Cover
Ionic & Angular JS: Principles Of Mobile and Web Development [Video]
$ 39.99
$ 8.00
WebServices/REST API Testing with SoapUI+ Real Time Projects [Video] Book Cover
WebServices/REST API Testing with SoapUI+ Real Time Projects [Video]
$ 201.99
$ 40.40
Saving Data in iOS Apps – Core Data and Realm [Video] Book Cover
Saving Data in iOS Apps – Core Data and Realm [Video]
$ 124.99
$ 25.00
Test Driven Web Application Development with Ember [Video] Book Cover
Test Driven Web Application Development with Ember [Video]
$ 124.99
$ 25.00
Advanced Analytics and Real-Time Data Processing in Apache Spark [Video] Book Cover
Advanced Analytics and Real-Time Data Processing in Apache Spark [Video]
$ 124.99
$ 25.00
Java EE Made Easy - Patterns, Architecture and Frameworks [Video] Book Cover
Java EE Made Easy - Patterns, Architecture and Frameworks [Video]
$ 199.99
$ 40.00