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
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
Avatar for Mulyu mulyu
3
370
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
780
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
160
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
Avatar for tetutetu214 tetutetu214
2
120
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
2
400
要求定義・仕様記述・設計・検証の手引き - 理論から学ぶ明確で統一された成果物定義
Avatar for Kuniwak orgachem
PRO
1
150
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k
Oxlint JS plugins
Avatar for kazupon kazupon
1
970
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
24時間止められないシステムを守る-医療ITにおけるランサムウェア対策の実際
Avatar for kouki.miura koukimiura
1
100
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
650
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140

Featured

See All Featured
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
2
250
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
67
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
170
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
200
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
650
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
117
110k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k

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