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

Front End Development Workflow Tools

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
外部キー制約の知っておいて欲しいこと - RDBMSを正しく使うために必要なこと / FOREIGN KEY Night
Avatar for soudai sone soudai
PRO
12
5.3k
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
Avatar for AEON aeonpeople
6
2.3k
IaaS/SaaS管理における SREの実践 - SRE Kaigi 2026
Avatar for Shun bbqallstars
4
2k
プロポーザルに込める段取り八分
Avatar for ShoheiMitani shoheimitani
1
210
プロダクト成長を支える開発基盤とスケールに伴う課題
Avatar for yuu26 yuu26
4
1.3k
2026年、サーバーレスの現在地 -「制約と戦う技術」から「当たり前の実行基盤」へ- /serverless2026
Avatar for Serverless Operations slsops
2
230
Agile Leadership Summit Keynote 2026
Avatar for seki at druby.org m_seki
1
580
AI駆動PjMの理想像 と現在地 -実践例を添えて-
Avatar for オカムラ masahiro_okamura
1
110
【Oracle Cloud ウェビナー】[Oracle AI Database + AWS] Oracle Database@AWSで広がるクラウドの新たな選択肢とAI時代のデータ戦略
Avatar for oracle4engineer oracle4engineer
PRO
1
130
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
Avatar for msysh msysh
3
170
顧客との商談議事録をみんなで読んで顧客解像度を上げよう
Avatar for shibayu36 shibayu36
0
210
Context Engineeringの取り組み
Avatar for nutslove nutslove
0
330

Featured

See All Featured
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
160
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
200
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.6k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
170
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
210
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
74
5k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k

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