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

Front End Development Workflow Tools

Avatar for Ahmed Elmehri Ahmed Elmehri
September 04, 2015
Technology
0
79

Front End Development Workflow Tools

A talk about the modern tools used today in front-end development.

Avatar for Ahmed Elmehri

Ahmed Elmehri

September 04, 2015
Tweet

More Decks by Ahmed Elmehri

See All by Ahmed Elmehri
Node.js
Avatar for Ahmed Elmehri ahmehri
0
56
IntelliJ IDEA
Avatar for Ahmed Elmehri ahmehri
0
86
Initiation to AngularJS
Avatar for Ahmed Elmehri ahmehri
0
45
AngularJS testing
Avatar for Ahmed Elmehri ahmehri
0
83

Other Decks in Technology

See All in Technology
2026年、サーバーレスの現在地 -「制約と戦う技術」から「当たり前の実行基盤」へ- /serverless2026
Avatar for Serverless Operations slsops
2
240
Tebiki Engineering Team Deck
Avatar for Tebiki, Inc. tebiki
0
24k
こんなところでも（地味に）活躍するImage Modeさんを知ってるかい？- Image Mode for OpenShift -
Avatar for Masataka Tsukamoto tsukaman
0
130
レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み
Avatar for Konishi tatsuhiro tatsukoni
0
210
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
Avatar for msysh msysh
3
170
超初心者からでも大丈夫！オープンソース半導体の楽しみ方〜今こそ！オレオレチップをつくろう〜
Avatar for Yamada3 keropiyo
0
110
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.8k
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
Avatar for AEON aeonpeople
6
2.3k
AI駆動PjMの理想像 と現在地 -実践例を添えて-
Avatar for オカムラ masahiro_okamura
1
110
Context Engineeringの取り組み
Avatar for nutslove nutslove
0
340
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
430
OCI Database Management サービス詳細
Avatar for oracle4engineer oracle4engineer
PRO
1
7.4k

Featured

See All Featured
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
90
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
250
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
420
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
64
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
300
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
0
200
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
810
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.5k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.8k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k

Transcript

  1. Front End Development Workflow Tools @ahmehri Ahmed Elmehri

  2. Front End IS NOT Back End 2

  3. JS Project IS NOT Java Project 3

  4. Doesn’t fit Not the right tool 4

  5. Development Workflow Prepare project structure Scaffolding 5 Build project Manage

    dependencies Scaffolding tool Build tool Task runner Package Manager

  6. Development Workflow Tools 6

  7. Scaffolding https://flic.kr/p/2Tjgck

  8. Yeoman the Scaffolding Tool 8

  9. Yeoman the Scaffolding Tool 9

  10. Yeoman the Scaffolding Tool 10

  11. YO the Command Line Interface 11

  12. Example

  13. Dependency Management https://flic.kr/p/obcZW9

  14. npm the Package Manager 14

  15. npm the Package Manager 15

  16. npm the Package Manager 16

  17. npm the Package Manager 17

  18. Bower the Package Manager 18

  19. Bower the Package Manager 19

  20. Bower the Package Manager 20

  21. Example

  22. Building https://flic.kr/p/bJT8og

  23. Grunt the Build Tool 23

  24. Grunt the Build Tool 24

  25. Grunt the Build Tool 25

  26. Example

  27. Thank You @ahmehri Ahmed Elmehri #front-end-dev-workflow-tools