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 Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
270
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
Avatar for petamoriken / 森建 petamoriken
0
200
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
230
SourceGeneratorのススメ
Avatar for tkym htkym
0
200
それ、本当に安全？ ファイルアップロードで見落としがちなセキュリティリスクと対策
Avatar for ikechi penpeen
7
3.9k
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
5
740
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
680
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
300
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
8
8.9k
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
130
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
5
470

Featured

See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
450
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
1
1.6k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
52
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
660
Between Models and Reality
Avatar for mayunak mayunak
1
190
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.6k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
54
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
170
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3k

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