Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Speeding up front-end development with gulp

Avatar for Yannick Forget Yannick Forget
July 28, 2016
Programming
93
0

Speeding up front-end development with gulp

Avatar for Yannick Forget

Yannick Forget

July 28, 2016

More Decks by Yannick Forget

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

Other Decks in Programming

See All in Programming
コードレビューのボトルネックを"する側"と"される側"の両面から解消する
Avatar for yub0n yub0n
2
1.6k
FactoryBotをやめればRSpecは速くなるのか？
Avatar for nissyi yuta_onishi_97
0
290
SalesForceを内製化！？ ~ HR事業を支える顧客管理基盤のインフラを大公開 ~
Avatar for Kobujee_53 oku053
0
180
APNsからLive Activityを開始する話
Avatar for Ryotaro Onoue yumnumm
0
170
Agentic Software Factoryに、すごく賢いIF文を。 / super smart IF statement into the Agentic Software Factory.
Avatar for r-kagaya rkaga
8
2.2k
ChromeでローカルLLM
Avatar for ryu ryu1013
0
140
IBM Bob でAI駆動開発『QC-Playbook』
Avatar for 1kano ichirokano2
0
110
全ての永続トークンを、生まれる前に消し去りたい！
Avatar for sylph01 sylph01
2
880
作れる、でも消せるか？──安全に「枯らして消す」機能削除術 / Drain, Then Delete
Avatar for chobishiba chobishiba
2
640
Findy - エンジニア向け会社紹介/Findy Company Deck
Avatar for Findy findyinc
6
400k
Railsのためのパスキー実践入門 〜マルチテナントSaaSでの意思決定〜
Avatar for utakaha utakaha
2
550
phperだってパンチカードでコーディングしたい
Avatar for hideki kinjyo o0h
PRO
0
330

Featured

See All Featured
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
890
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
310
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.4k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
68
59k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
12k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.9k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
Between Models and Reality
Avatar for mayunak mayunak
4
500
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
270
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
2
360
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.6k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k

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