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

Speeding up front-end development with gulp

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
Vibe Coding - AI 驅動的軟體開發
Avatar for Micky Li mickyp100
0
180
要求定義・仕様記述・設計・検証の手引き - 理論から学ぶ明確で統一された成果物定義
Avatar for Kuniwak orgachem
PRO
1
230
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
380
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
300
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
990
15年続くIoTサービスの SREエンジニアが挑む 分散トレーシング導入
Avatar for Melonps melonps
2
230
CSC307 Lecture 10
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
660
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
Avatar for tetutetu214 tetutetu214
2
120
CSC307 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
Gemini for developers
Avatar for Mete Atamel meteatamel
0
100
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
180
AtCoder Conference 2025
Avatar for shindannin shindannin
0
1.1k

Featured

See All Featured
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
460
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
280
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
440
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
4
1.4k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.1k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
240

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