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

Evolution of a Web Application

583a0cfd3e0ec851166c5c6fa5e506a5?s=47 Raquel Vélez
January 27, 2017
Programming
1
510

Evolution of a Web Application

Presentation given at ScriptConf in Linz, Austria, 27 Jan 2017

583a0cfd3e0ec851166c5c6fa5e506a5?s=128

Raquel Vélez

January 27, 2017
Tweet

More Decks by Raquel Vélez

See All by Raquel Vélez
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
0
99
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
0
120
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
1
94
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
4
420
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
0
95
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
0
450
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
0
250
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
1
270
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
1
200

Other Decks in Programming

See All in Programming
0aac627116c6e2a87b9ae179500801df?s=48 stormcat24
0
700
D833ebe946fb6c3ca990758737855f79?s=48 typewriter
0
150
2b67c3578e104daca8c6609e5be43d8d?s=48 balconia
0
140
832534770705425fc1f64ad60cb875a2?s=48 show_kanamaru
6
3.4k
B3a7c0d5c590642dbce68bce8929a2df?s=48 david74chou
0
180
635e53b96114c922fa5486b418895960?s=48 fadis
0
1.4k
8e844e43f029ec38e206a464cf4587b3?s=48 ttskch
0
130
01e0fceaff6bfbd259c4a5ad3daa8ff8?s=48 fumist23
1
840
9fdb3aa57e5fb99b3772976b0b903e53?s=48 chikuwait
8
1.8k
9516a84fcc28d6456d4fc87a5c8b130f?s=48 kidel
0
1.2k
B5d888044ab0982e83e730ff0ebfa940?s=48 nsasa02
0
310
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
6
820

Featured

See All Featured
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
448
36k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
10
1k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
73
7.6k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
314
18k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
227
8.8k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
235
930k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
224
15k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
225
48k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
83
3.6k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
333
16k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
97
15k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
196
17k

Transcript

  1. Evolution of a Web Application the story of js.com npm

    brought to you by @rockbot

  2. @rockbot #scriptconf an overview of npm

  3. @rockbot #scriptconf for JavaScript npm is a package manager

  4. @rockbot #scriptconf npm is a package manager

  5. @rockbot #scriptconf our #1 priority is to reduce friction

  6. @rockbot #scriptconf started out as open source

  7. @rockbot #scriptconf 0 20,000,000 40,000,000 2012-10-22 2013-01-10 2013-03-31 2013-06-19 2013-11-25

    weekly downloads

  8. @rockbot #scriptconf 0 15,000 30,000 45,000 60,000 12/14/2011 12/13/2012 12/13/2013

    number of packages

  9. @rockbot #scriptconf became a company in 2014

  10. @rockbot #scriptconf the npm website: the gory details

  11. @rockbot #scriptconf 7-day rolling 0 200,000 400,000 600,000 800,000 2014/1/6

    2015/1/5 2016/1/4 2017/1/2 Users New Users users on the website

  12. @rockbot #scriptconf DESIGN

  13. @rockbot #scriptconf

  14. @rockbot #scriptconf

  15. @rockbot #scriptconf

  16. @rockbot #scriptconf

  17. @rockbot #scriptconf

  18. @rockbot #scriptconf npm

  19. @rockbot #scriptconf npm

  20. @rockbot #scriptconf npm

  21. @rockbot #scriptconf

  22. @rockbot #scriptconf

  23. @rockbot #scriptconf SEARCH

  24. @rockbot #scriptconf

  25. @rockbot #scriptconf

  26. @rockbot #scriptconf

  27. @rockbot #scriptconf

  28. @rockbot #scriptconf FRONT-END JAVASCRIPT

  29. @rockbot #scriptconf

  30. @rockbot #scriptconf

  31. @rockbot #scriptconf

  32. @rockbot #scriptconf vs

  33. @rockbot #scriptconf

  34. @rockbot #scriptconf

  35. @rockbot #scriptconf

  36. @rockbot #scriptconf FRAMEWORKS

  37. @rockbot #scriptconf function showProfile (req, res, showprofile) { // …

    req.model.end(function (er, m) { var td = { showprofile: showprofile , profile: req.model.profile , fields: showprofile.fields , title: showprofile.name , hiring: req.model.whoshiring , packages: req.model.packages , starred: req.model.starred } res.template('profile.ejs', td) }) }

  38. @rockbot #scriptconf vs

  39. @rockbot #scriptconf

  40. @rockbot #scriptconf TESTING

  41. @rockbot #scriptconf tests?

  42. @rockbot #scriptconf (hapi ecosystem test framework)

  43. @rockbot #scriptconf (selenium wrapper)

  44. @rockbot #scriptconf

  45. @rockbot #scriptconf node-tap

  46. @rockbot #scriptconf WHAT’S NEXT?

  47. @rockbot #scriptconf clean up

  48. @rockbot #scriptconf grow the team

  49. @rockbot #scriptconf adapt

  50. @rockbot #scriptconf npm loves you

  51. Raquel Vélez @rockbot http://rckbt.me raquel@ js.com