2015
Lynda
Ray Villalobos
2h 40m
English

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.

Introduction
4m 46s
Welcome
1m 4s
What you should know
1m 6s
Using the exercise files
2m 36s
1. Getting Started
56m 30s
Why workflow management?
5m 5s
Exploring our workflow
6m 53s
Installing requirements
4m 8s
Creating a package.json file
5m 58s
Adding our assets
3m 38s
Including our JavaScript files
8m 18s
Using Sass and Compass for CSS
10m 8s
Tracking our project with Git and GitHub
12m 22s
2. Setting Up a Development Workflow
33m 51s
Installing Gulp.js
8m 14s
Processing our first task with gulp-coffee
7m 31s
Combining our JavaScript
5m 47s
Importing libraries with Browserify
4m 34s
Processing Sass and Compass
7m 45s
3. Setting Up Builds and Automation
31m 58s
Issuing tasks in sequence and by default
3m 14s
Watching changes to our files
11m 15s
Reloading our browser automatically
10m 8s
Adding static reloads
7m 21s
4. Creating Production builds
32m 26s
Setting up environment variables
9m 38s
Uglifying conditionally with gulpif
3m 32s
Minifying our HTML
5m 6s
Crushing our JSON file
3m 30s
Compressing images
10m 40s
Conclusion
1m 24s
Next steps
1m 24s

www.lynda.com/Web-Web-Design-tutorials/Web-Project-Workflows-Gulpjs-Git-Browserify/154416-2.html

Download File Size:819.94 MB

---