Managing HTML Assets, Servers, & Browsers

Gulp.js 3.9    |    Intermediate
  • 14 videos | 51m 3s
  • Earns a Badge
Rating 4.6 of 14 users Rating 4.6 of 14 users (14)
Preparing your web files for deployment is an important step in the development process. Learn how to use Gulp.js to clean, validate, and minify your HTML code, run tasks, and synchronize the browser.

WHAT YOU WILL LEARN

  • Use the npm package manager to install wiredep and describe the purpose for using this package in your programs
    Work with wiredep to write your dependencies into your html
    Install and use the gulp inject plugin to write custom dependencies into your html
    Use wiredep and inject to remove scripts and styles from your html code
    Work with wiredep to automatically add bower files on install
    Install and use the gulp htmlhint plugin to validate your html code
    Install and use the gulp htmlmin plugin to minify your html code
  • Use the npm package manager to install gulp-nodemon and describe the purpose for using this package in your programs
    Work with nodemon to monitor changes and handle events when working with your code
    Use nodemon to run gulp tasks when the node server starts and restarts as a result of code changes
    Describe browser synchronization and the purpose for using it when working with your development code
    Use the npm package manager to install browser-sync and how to configure it for use in your program
    Work with the browser-sync module and configure its options
    Use browser-sync to synchronize multiple browsers

IN THIS COURSE

  • 2m 17s
    In this video, you will use the npm package manager to install wiredep and describe the purpose for using this package in your programs. FREE ACCESS
  • 5m 4s
    In this video, you will learn how to work with wiredep to inject your dependencies into your HTML. FREE ACCESS
  • Locked
    3.  Installing the Gulp inject Plugin
    4m 10s
    In this video, you will learn how to install and use the Gulp inject plugin to write custom dependencies into your HTML. FREE ACCESS
  • Locked
    4.  Removing Scripts and Styles from HTML
    3m 31s
    Find out how to use wiredep and inject to remove scripts and styles from your HTML code. FREE ACCESS
  • Locked
    5.  Automatically Adding Bower Files
    2m 53s
    In this video, find out how to work with wiredep to automatically add Bower files when you install them. FREE ACCESS
  • Locked
    6.  Validating the HTML
    3m 50s
    In this video, find out how to install and use the Gulp htmlhint plugin to validate your HTML code. FREE ACCESS
  • Locked
    7.  Minifying the HTML
    3m 11s
    In this video, you will learn how to install and use the Gulp htmlmin plugin to minify your HTML code. FREE ACCESS
  • Locked
    8.  Installing the gulp-nodemon Package
    2m 13s
    In this video, you will use the npm package manager to install gulp-nodemon. You will also describe the purpose for using this package in your programs. FREE ACCESS
  • Locked
    9.  Working with nodemon
    3m 43s
    Find out how to work with nodemon to monitor changes and handle events when working with your code. FREE ACCESS
  • Locked
    10.  Running Tasks on Restart
    4m 16s
    In this video, you will use nodemon to run Gulp tasks when the node server starts and restarts as a result of code changes. FREE ACCESS
  • Locked
    11.  Synchronizing the Browser
    3m 4s
    After completing this video, you will be able to describe browser synchronization and its purpose for use with your development code. FREE ACCESS
  • Locked
    12.  Installing the browser-sync Module
    4m 50s
    In this video, you will use the npm package manager to install browser-sync and configure it for use in your program. FREE ACCESS
  • Locked
    13.  Working with browser-sync
    5m 31s
    Learn how to work with the browser-sync module and configure its options. FREE ACCESS
  • Locked
    14.  Synchronizing Multiple Browsers
    2m 31s
    Learn how to use browser-sync to synchronize multiple browsers. 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 Grunt
Channel Wintellect HTML5
Channel Gulp.js
Rating 5.0 of 1 users Rating 5.0 of 1 users (1)

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course MIT SMR: A New Way to Manage Customer Portfolios for Maximum Value
Rating 4.6 of 15 users Rating 4.6 of 15 users (15)
Course Introduction to HTML5
Rating 4.5 of 336 users Rating 4.5 of 336 users (336)
Course Working with CSS Layouts & the Ionic Framework CLI
Rating 4.6 of 22 users Rating 4.6 of 22 users (22)