Using Gulp.js Plugins for JavaScript Analysis

Gulp.js 3.9    |    Intermediate
  • 15 videos | 59m 44s
  • Earns a Badge
Rating 4.5 of 6 users Rating 4.5 of 6 users (6)
Learn how to work with Gulp.js! Let's look at how you can use Gulp.js plugins to assist you with analyzing your JavaScript code, and compiling and optimizing your CSS files.

WHAT YOU WILL LEARN

  • Describe the purpose of the jshint and jscs plugins for performing code analysis against javascript
    Install and configure the gulp jshint and jscs plugins for javascript linting and code style checking
    Create code for jshint and jscs tasks in gulp
    Install and use the gulp concat plugin to concatenate multiple files into one
    Install individual gulp plugins as well as use lazy loading to load all gulp plugins
    Install and use the gulp uglify plugin to perform minification of your javascript code
    Create and work with a reusable configuration file in gulp
    Install and use the gulp sass plugin to compile your css code
  • Install and work with the gulp autoprefixer plugin to add vendor prefixes in your css code
    Install and use the gulp csslint plugin to locate problems in your css code
    Install and use the gulp uncss plugin to perform optimization of your css code
    Install and use the gulp csso plugin to remove all unnecessary characters from your css code
    Work with the on error method in gulp to perform error handling in your css code
    Install and work with the gulp plumber tool to perform error handling in your css code
    Identify the gulp apis and the main plugins used for working with javascript and css code

IN THIS COURSE

  • 3m 57s
    Upon completion of this video, you will be able to describe the purpose of the JSHint and JSCS plugins for code analysis against JavaScript. FREE ACCESS
  • 2m 6s
    In this video, find out how to install and configure the Gulp JSHint and JSCS plugins for JavaScript linting and code style checking. FREE ACCESS
  • Locked
    3.  Coding Tasks with JSHint and JSCS
    4m 5s
    In this video, find out how to create code for JSHint and JSCS tasks using Gulp. FREE ACCESS
  • Locked
    4.  Concatenating Files
    3m 45s
    In this video, learn how to install and use the Gulp concat plugin to concatenate multiple files into one. FREE ACCESS
  • Locked
    5.  Loading Gulp Plugins
    3m 33s
    In this video, learn how to install individual Gulp plugins, as well as use lazy loading to load all Gulp plugins. FREE ACCESS
  • Locked
    6.  Minifying JavaScript
    2m 50s
    In this video, you will install and use the Gulp uglify plugin to minify your JavaScript code. FREE ACCESS
  • Locked
    7.  Creating a Configuration Module
    5m 40s
    In this video, you will create and work with a reusable configuration file in Gulp. FREE ACCESS
  • Locked
    8.  Using the SASS Compiler
    2m 35s
    In this video, find out how to install and use the Gulp SASS plugin to compile your CSS code. FREE ACCESS
  • Locked
    9.  Using the AutoPrefixer Plugin
    4m 26s
    During this video, you will learn how to install and work with the Gulp autoprefixer plugin to add vendor prefixes to your CSS code. FREE ACCESS
  • Locked
    10.  CSS Linting
    4m 57s
    In this video, you will learn how to install and use the Gulp csslint plugin to find problems in your CSS code. FREE ACCESS
  • Locked
    11.  CSS Optimization
    5m 3s
    In this video, you will install and use the Gulp uncss plugin to optimize your CSS code. FREE ACCESS
  • Locked
    12.  CSS Minification
    3m 37s
    Find out how to install and use the Gulp csso plugin to remove all unnecessary characters from your CSS code. FREE ACCESS
  • Locked
    13.  Adding Error Handling
    5m 20s
    In this video, find out how to work with the "on error" method in Gulp to perform error handling in your CSS code. FREE ACCESS
  • Locked
    14.  Error Handling with Gulp Plumber
    4m 27s
    Find out how to install and work with the Gulp plumber tool to perform error handling in your CSS code. FREE ACCESS
  • Locked
    15.  Exercise: Using Gulp and the Gulp Plugins
    3m 23s
    In this video, you will learn how to identify the Gulp APIs and the main plugins used for working with JavaScript and CSS code. 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)
Journey Interactive JavaScript Websites
Rating 5.0 of 1 users Rating 5.0 of 1 users (1)
Course Web Fundamentals: Dynamic Web Pages with JavaScript
Rating 4.5 of 255 users Rating 4.5 of 255 users (255)

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course FSD Front-End Development: Using JavaScript Functions
Rating 4.5 of 15 users Rating 4.5 of 15 users (15)
Course HTML5 with JavaScript & CSS3: APIs & Data Storage
Rating 4.1 of 44 users Rating 4.1 of 44 users (44)
Course Design Patterns in JavaScript: Observer & Iterator Behavioral Patterns
Rating 4.9 of 8 users Rating 4.9 of 8 users (8)