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
91
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
0
110
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
1
89
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
4
310
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
0
69
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
0
420
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
0
240
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
1
270
583a0cfd3e0ec851166c5c6fa5e506a5?s=48 rockbot
1
200

Other Decks in Programming

See All in Programming
Ad4c3c738e57a9bbcb800871e81c232d?s=48 itosho525
1
380
96803ea99eef888c7f6637f1d3858766?s=48 attsumi
1
460
5c588fdfe782f92fa6b081903edd82bb?s=48 hr01
1
1.3k
4782d92d3deeb4ab527ba6f867bf07c3?s=48 mizdra
7
4.9k
E473e5af1263c050599921981db46068?s=48 akatsukinewgrad
0
210
347a1b64f3a6e38981bc99b53919e2b1?s=48 azdaroth
0
140
6a87c9bfc71c805c3f5f248b359365d3?s=48 mu2in
0
150
405fe9ab689473f267e2cfbd95f78c75?s=48 kyonmm
2
2.2k
E473e5af1263c050599921981db46068?s=48 akatsukinewgrad
0
210
8c870088e1f657062e661fdaf5ce6ec3?s=48 nauleyco
0
210
E37b4344ef4bfd0fc4826c04971e54fb?s=48 nrslib
20
13k
6338c8fa4e2e6325094fe30b1e9f9443?s=48 malvinstn
1
650

Featured

See All Featured
282d599b414022eba5096510f675b6e2?s=48 chrislema
173
14k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
1.4k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
17
1.8k
245cee81a9c424266e5e401d844ea881?s=48 lara
16
2.6k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
207
10k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
229
18k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
83
4.7k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
332
29k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
257
17k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
587
200k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
225
8.5k
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
103
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