Using Grunt

Grunt 4    |    Intermediate
  • 14 videos | 1h 22m 1s
  • Includes Assessment
  • Earns a Badge
Rating 5.0 of 1 users Rating 5.0 of 1 users (1)
One of the tasks that Grunt can perform is file minification. Discover how to use Grunt minimize JavaScript and CSS web assets.

WHAT YOU WILL LEARN

  • Use modern javascript frameworks and practices with grunt
    Use additional modern javascript frameworks and practices with grunt
    Use grunt to employ templates in your javascript project
    Use jshint to enforce quality standards on your javascript files
    Use modernizr to optimize your pages for various browser capabilities
    Use uglify to minify and obfuscate your javascript files
    Use grunt-jsdoc to generate documentation from jsdoc annotations in your javascript files
  • Use grunt with a simple html/css/js application
    Use bower to manage web development libraries
    Use recess to enforce standards on your css files
    Use autoprefixer to handle vendor-specific css prefixes
    Use cleancss and uncss to reduce the asset size of your css files
    Use grunt to package your app for production use and update version numbers
    Install grunt and use it to reduce the size of js and css assets

IN THIS COURSE

  • 4m 38s
    In this video, you will learn how to use modern JavaScript frameworks and practices with Grunt. FREE ACCESS
  • 6m 21s
    In this video, learn how to use additional modern JavaScript frameworks and practices with Grunt. FREE ACCESS
  • Locked
    3.  JavaScript Templating with Grunt
    5m 10s
    In this video, you will use Grunt to use templates in your JavaScript project. FREE ACCESS
  • Locked
    4.  Using JSHint with Grunt
    6m 31s
    During this video, you will learn how to use JSHint to enforce quality standards on your JavaScript files. FREE ACCESS
  • Locked
    5.  Using Modernizr with Grunt
    3m 24s
    Find out how to use Modernizr to optimize your pages for various browser capabilities. FREE ACCESS
  • Locked
    6.  Using Uglify with Grunt
    3m 29s
    During this video, you will learn how to use Uglify to minify and obfuscate your JavaScript files. FREE ACCESS
  • Locked
    7.  Configuring Grunt to Help Generate Documentation
    4m 42s
    Learn how to use grunt-jsdoc to generate documentation from JSDoc annotations in your JavaScript files. FREE ACCESS
  • Locked
    8.  Using Sass with Grunt
    6m 35s
    In this video, you will learn how to use Grunt with a simple HTML/CSS/JS application. FREE ACCESS
  • Locked
    9.  Using Bower with Grunt
    7m 24s
    Find out how to use Bower to manage web development libraries. FREE ACCESS
  • Locked
    10.  Using RECESS with Grunt
    3m 43s
    In this video, learn how to use RECESS to enforce standards on your CSS files. FREE ACCESS
  • Locked
    11.  Using AutoPrefixer with Grunt
    8m 4s
    In this video, you will learn how to use autoprefixer to handle vendor-specific CSS prefixes. FREE ACCESS
  • Locked
    12.  Using CleanCSS and UnCSS with Grunt
    5m 34s
    In this video, find out how to use CleanCSS and UnCSS to reduce the size of your CSS files. FREE ACCESS
  • Locked
    13.  Packaging and Versioning Your App for Production
    7m 23s
    In this video, find out how to use Grunt to package your app for production use and update your app's version number. FREE ACCESS
  • Locked
    14.  Exercise: Reducing the Size of CSS and JS Assets
    9m 3s
    To install Grunt, follow these steps:1. Download and install Node.js.2. Install the Grunt command-line interface (CLI) globally.3. Create a package.json file in your project directory.4. Install project dependencies.5. Create a Gruntfile.js file in your project directory.6. Define your tasks in the Gruntfile.7. Run Grunt. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Channel PhoneGap
Rating 5.0 of 1 users Rating 5.0 of 1 users (1)
Channel Wintellect HTML5
Journey jQuery