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
小さく始めるBCP ― 多プロダクト環境で始める最初の一歩
Avatar for kekke-n kekke_n
1
390
Introduction to Bill One Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
360
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
Avatar for Toru Makabe torumakabe
1
520
プロダクト成長を支える開発基盤とスケールに伴う課題
Avatar for yuu26 yuu26
4
1.3k
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
Avatar for nihonbuson nihonbuson
PRO
2
230
Azure Durable Functions で作った NL2SQL Agent の精度向上に取り組んだ話/jat08
Avatar for TonyTonyKun thara0402
0
180
セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup
Avatar for Rocket Martue rocketmartue
1
300
AI駆動PjMの理想像 と現在地 -実践例を添えて-
Avatar for オカムラ masahiro_okamura
1
110
広告の効果検証を題材にした因果推論の精度検証について
Avatar for ZOZO Developers zozotech
PRO
0
160
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1k
Embedded SREの終わりを設計する　「なんとなく」から計画的な自立支援へ
Avatar for SansanTech sansantech
PRO
3
2.3k
15 years with Rails and DDD (AI Edition)
Avatar for Andrzej Krzywda andrzejkrzywda
0
190

Featured

See All Featured
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
140
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
46k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
1
1.6k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
92
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
117
110k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
160
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
80
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
8k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
430

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