Web Project Workflows with Gulp.js, Git, and Browserify

with Ray Villalobos
please wait ...
Web Project Workflows with Gulp.js, Git, and Browserify
Video duration: 0s 2h 40m Intermediate

Viewers:

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. Staff author Ray Villalobos is here to show you how to generate a workflow that makes it easier to build websites with processed languages like Sass, Compass, and CoffeeScript. He'll show how to automate development and production versions of your sites, track and share project files with Git and GitHub, and add libraries like jQuery and Mustache.js with Browserify. All of these techniques should easily translate to building your own web projects.

Topics include:
  • Why workflow management?
  • Processing tasks with gulp-coffee
  • Importing libraries with Browserify
  • Processing Sass and Compass
  • Issuing tasks in sequence
  • Watching changes to files
  • Adding static reloads
  • Setting up environment variables
  • Minifying HTML
  • Compressing images
Subject:
Web
Software:
Gulp.js Browserify
Author:

Welcome

Hey there this is Ray Villalobos. I'm a staff author on lynda.com and I want to welcome you to Web Project Workflows with Gulp.js, Git, and Browserify. In this course, I am going to show you how to generate a workflow that will make it easier to build websites with process languages like Sass, Compass, and Coffee Script. I'll also help you automate the process of creating versions of your sites that are optimized for development as well as production environments. I'll also show you how to track your product locally with Git and how to push and share your work with others on Git Hub.

Well learn how to use Browserify to automatically include libraries like jquery and Mustache JS. I'll also show you how to create different set ups so that code is easy to read while you're in development and as compressed as possible when you're ready to push things to a server. Once you set this up, you'll be able to use the same files and processes with all your projects. Now there's a lot to learn, but that's why you're here. So let's get started with web project work flows with Gulp.js, Git, and Browserify.

please wait ...