Gulp.js: Web Project Workflows

Gulp.js: Web Project Workflows

59mIntermediate2019-10-31

Authors

Ray Villalobos

Ray Villalobos

Senior Staff Instructor at LinkedIn Learning

Course details

Modern front-end development means more than just writing HTML, CSS, and JavaScript. Developing an efficient workflow will help you write better code and test and deploy your web applications easily and efficiently. Gulp.js make setting up compression, minification, preprocessing, and other common tasks as easy as writing a setup file. In this course, learn how to use gulp.js to build workflows that make managing the process of building websites a bit easier. Senior staff author Ray Villalobos demonstrates how to use gulp.js to automate common processes, including how to create serial workflows and process JavaScript with Babel.

Skills covered

Gulp.jsFront-End Web DevelopmentWeb DevelopmentOpen SourceDeep Dive (X:Y)

Concepts

Introduction

  • Streaming workflows with Gulp.js 4
  • Using the exercises for this course

Building Workflows

  • Installing Gulp
  • Creating your first task
  • Creating multiple tasks
  • Clean serial workflows
  • Parallel workflows with Browsersync
  • Watching for changes
  • Processing JavaScript with Babel
  • Using the Sass CSS processor

Conclusion

  • Next steps
40,000 Toman