Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Speeding up front-end development with gulp

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Yannick Forget Yannick Forget
July 28, 2016
Programming
0
81

Speeding up front-end development with gulp

Avatar for Yannick Forget

Yannick Forget

July 28, 2016
Tweet

More Decks by Yannick Forget

See All by Yannick Forget
GDPR: Alle ins en outs
Avatar for Yannick Forget mixedfruitjuice
0
67
Encryption: A weird phenomenon
Avatar for Yannick Forget mixedfruitjuice
0
57

Other Decks in Programming

See All in Programming
ぼくの開発環境2026
Avatar for yuzneri yuzneri
0
240
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
780
Best-Practices-for-Cortex-Analyst-and-AI-Agent
Avatar for ryotaro.ikeda@finatext.com ryotaroikeda
1
110
AIと一緒にレガシーに向き合ってみた
Avatar for nyafunta9858 nyafunta9858
0
250
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.6k
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
590
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140
IFSによる形状設計／デモシーンの魅力 @ 慶應大学SFC
Avatar for がむ gam0022
1
310
24時間止められないシステムを守る-医療ITにおけるランサムウェア対策の実際
Avatar for kouki.miura koukimiura
1
100
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
高速開発のためのコード整理術
Avatar for sutetotanuki sutetotanuki
1
400
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
Avatar for azukiazusa azukiazusa1
1
740

Featured

See All Featured
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
250
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
0
57
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
1
1.3k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.5k

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

  8. None
  9. None
  10. None

  11. Gulp-concat & Gulp-uglify  Gulp-concat: concatenate files  Gulp-uglify: minify

    the amount the code written
  12. None
  13. None
  14. None
  15. None

  16. Gulp-jade & Gulp-watch  Gulp-jade: converts jade into html 

    Gulp-watch: live editing of files
  17. None
  18. None
  19. None
  20. None

  21. • Saves • Makes a new file

  22. None