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

Front End Development Workflow Tools

Ahmed Elmehri
September 04, 2015
Technology
0
50

Front End Development Workflow Tools

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

Ahmed Elmehri

September 04, 2015
Tweet

More Decks by Ahmed Elmehri

See All by Ahmed Elmehri
Node.js
ahmehri
0
51
IntelliJ IDEA
ahmehri
0
76
Initiation to AngularJS
ahmehri
0
39
AngularJS testing
ahmehri
0
73

Other Decks in Technology

See All in Technology
KubeConにproposalを送りたい人へのアドバイス
sat
PRO
3
260
web-application-security
matsuihidetoshi
0
170
GraphQL 成熟度モデルの紹介と、プロダクトに当てはめた事例 / GraphQL maturity model
mh4gf
7
1.4k
[新卒向け研修資料] テスト文字列に「うんこ」と入れるな（2024年版）
infiniteloop_inc
4
16k
Building Dashboards as a Hobby
egmc
0
270
EM完全に理解した と思ったけど、 やっぱり何も分からなかった話 / EM Night Fukuoka #1
hirutas
0
100
require(ESM)とECMAScript仕様
uhyo
3
820
障害対応をちょっとずつよくしていくための 演習の作りかた
heleeen
0
300
生産性向上チームの紹介
cybozuinsideout
PRO
1
880
生成AIの変革の時代に、 直近1年で直面した課題とその解決策
ktc_wada
0
370
Android Target SDK 35 (Android 15) 対応の概要
akkie76
0
110
エンジニア候補者向け資料2024.04.24.pdf
macloud
0
3.3k

Featured

See All Featured
Thoughts on Productivity
jonyablonski
58
3.8k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
357
22k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
244
20k
The Invisible Customer
myddelton
114
12k
Code Review Best Practice
trishagee
55
15k
How to Ace a Technical Interview
jacobian
272
22k
Designing the Hi-DPI Web
ddemaree
276
33k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
2
1.3k
Web development in the modern age
philhawksworth
202
10k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k

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