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

Front End Development Workflow Tools

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
20260204_Midosuji_Tech
Avatar for Takuya Yonezawa takuyay0ne
1
140
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
Avatar for adachi.ryo rvirus0817
0
130
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
Avatar for maaaato maaaato
0
130
Amazon S3 Vectorsを使って資格勉強用AIエージェントを構築してみた
Avatar for usanchuu usanchuu
3
450
ZOZOにおけるAI活用の現在 ~開発組織全体での取り組みと試行錯誤~
Avatar for ZOZO Developers zozotech
PRO
5
5k
30万人の同時アクセスに耐えたい！新サービスの盤石なリリースを支える負荷試験 / SRE Kaigi 2026
Avatar for GENDA genda
3
1.2k
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
Avatar for SansanTech sansantech
PRO
2
340
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
15
400k
配列に見る bash と zsh の違い
Avatar for kazzpapa3 kazzpapa3
1
130
仕様書駆動AI開発の実践： Issue→Skill→PRテンプレで 再現性を作る
Avatar for 西岡 賢一郎 (Kenichiro Nishioka) knishioka
2
620
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
4
17k
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
Avatar for Miki Matsumoto mikimatsumoto
0
210

Featured

See All Featured
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
450
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
290
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
190
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
230
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.6k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k
Claude Code のすすめ
Avatar for schroneko schroneko
67
210k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
160
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.6k

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