2014
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.
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
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:1.02 GB