Managing HTML Assets, Servers, & Browsers
Gulp.js 3.9
| Intermediate
- 14 videos | 51m 3s
- Earns a Badge
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 17sIn 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 4sIn this video, you will learn how to work with wiredep to inject your dependencies into your HTML. FREE ACCESS
-
3. Installing the Gulp inject Plugin4m 10sIn this video, you will learn how to install and use the Gulp inject plugin to write custom dependencies into your HTML. FREE ACCESS
-
4. Removing Scripts and Styles from HTML3m 31sFind out how to use wiredep and inject to remove scripts and styles from your HTML code. FREE ACCESS
-
5. Automatically Adding Bower Files2m 53sIn this video, find out how to work with wiredep to automatically add Bower files when you install them. FREE ACCESS
-
6. Validating the HTML3m 50sIn this video, find out how to install and use the Gulp htmlhint plugin to validate your HTML code. FREE ACCESS
-
7. Minifying the HTML3m 11sIn this video, you will learn how to install and use the Gulp htmlmin plugin to minify your HTML code. FREE ACCESS
-
8. Installing the gulp-nodemon Package2m 13sIn 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
-
9. Working with nodemon3m 43sFind out how to work with nodemon to monitor changes and handle events when working with your code. FREE ACCESS
-
10. Running Tasks on Restart4m 16sIn 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
-
11. Synchronizing the Browser3m 4sAfter completing this video, you will be able to describe browser synchronization and its purpose for use with your development code. FREE ACCESS
-
12. Installing the browser-sync Module4m 50sIn this video, you will use the npm package manager to install browser-sync and configure it for use in your program. FREE ACCESS
-
13. Working with browser-sync5m 31sLearn how to work with the browser-sync module and configure its options. FREE ACCESS
-
14. Synchronizing Multiple Browsers2m 31sLearn 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.
