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
480

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
95
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
0
110
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
1
91
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
4
410
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
0
74
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
0
420
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
C44d9ff0fb47045ae04e3183694c7d68?s=48 wafuwafu13
1
140
C766fe58109bc3750d333f4835ba43c2?s=48 emberconf
0
140
39adbc0cddb8c0ea8470c80248e9e71b?s=48 hyodol2513
2
1.1k
A760a90c9afd981004343b9861f1e8b4?s=48 daipresents
0
290
0e6b2b5b4861d0e4b136527c0d7d428e?s=48 imk2o
0
190
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
PRO
1
260
7028eb7f1d5bf62b440e4e6894c4922c?s=48 bosshawk
1
260
79fc33e55cacc42beef647541de24d58?s=48 yasuakiomokawa
0
500
325afd2c9db540c83485f509f2845acb?s=48 hiro_y
1
450
993ef638264def4334358f986fb4a91d?s=48 uhyo
19
9.1k
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
2
320
0ed10d1154c696886ca483fe827cb299?s=48 thatjeffsmith
0
1.3k

Featured

See All Featured
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
116
7.2k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
779
240k
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
257
20k
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
146
12k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
333
29k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
226
8.6k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.7k
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
71
270k
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
53
3.5k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
80
4.2k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
10
700

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