Speeding up front-end development with gulp

Transcript

1. Using gulp to speed up front-end development Yannick Forget, twitter: @yannickforget
2. Who am I  Yannick Forget twitter: @yannickforget  Computer science student  Freelance Web developer  Twitter and Linux addict
3. What is gulp?  Build tool with nodejs  Speeds up development  Automatically generates code Why use gulp?
4. Gulp plugins  Uses various plugins with different functions  Gulp autoprefixer Gulp concat Gulp uglify Gulp jade  Gulp watch
5. How to install gulp
6. Gulpfile
7. Gulp autoprefixer  Adds CSS prefixes
11. Gulp-concat & Gulp-uglify  Gulp-concat: concatenate files  Gulp-uglify: minify the amount the code written
16. Gulp-jade & Gulp-watch  Gulp-jade: converts jade into html  Gulp-watch: live editing of files
21. • Saves • Makes a new file