Evolution of a Web Application

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

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
85
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
0
110
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
1
88
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
4
310
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
0
68
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
0
410
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
0
240
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
1
250
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
1
200

Other Decks in Programming

See All in Programming
7437b9552e193bb1f8ea757bf1a51175?s=48 aruneko
1
610
5ad0bb268dd2605b09165d464308cb7e?s=48 igaiga
2
120
C44d9ff0fb47045ae04e3183694c7d68?s=48 wafuwafu13
0
290
433ce798352c6d5ad363b3b585cb015d?s=48 rizumi
5
580
4bd69b0ec8e5731a5332ee100ad8fb6d?s=48 entaku
2
140
465a530291aedb53fff5a6333e3dedaa?s=48 bk_18
0
210
Cc8ec9594b83b5dc3c7eef345c05dc8d?s=48 shiz
9
820
44f37c1fe3a6a56376bb41a338741355?s=48 ahiru
15
7k
6afbe110d33ef7e859fb8649b86bae55?s=48 mashabow
0
590
Dcc589548f0372645aaeb95bda8e22c2?s=48 cpp
40
18k
2661b52b92e28d73635638a17c96f4af?s=48 toversus
1
330
473b12ebcfb79adfaef97796e94fc25c?s=48 hironytic
4
460

Featured

See All Featured
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
154
6.2k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
78
3.2k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
4
490
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
11
250
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
51
3.9k
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
55
5.2k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
298
30k
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
154
11k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
202
35k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
282
18k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
26
870
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
106
9.5k

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