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

Evolution of a Web Application

Raquel Vélez
January 27, 2017
Programming
1
720

Evolution of a Web Application

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

Raquel Vélez

January 27, 2017
Tweet

More Decks by Raquel Vélez

See All by Raquel Vélez
Engineering of Craft - Let's Sketch Tech
rockbot
0
120
Engineering of Craft
rockbot
0
150
The Beauty of Bad Code
rockbot
1
100
The Beauty of Bad Code
rockbot
4
480
Wombat-Driven Understanding: an interactive guide to using npm
rockbot
0
220
Wombat-Driven Understanding: An Interactive Guide To Using npm
rockbot
0
580
the npm website: a tale of wonder and woe (and wombats!)
rockbot
0
260
fear
rockbot
1
290
hiring at npm
rockbot
1
220

Other Decks in Programming

See All in Programming
%q is for Quine
koic
0
400
PHPアプリケーションにおけるアーキテクチャメトリクスについて / Architecture Metrics in PHP Applications
isanasan
1
210
ペパカレで入社した私が感じた2つのギャップと向き合い方
kosuke_ito
0
140
はてなリモートインターンシップ2022 フロントエンドブートキャンプ 講義資料
hatena
0
110
Functional Data Engineering - A Blueprint for adopting functional principles in data pipeline
vananth22
0
160
はてなリモートインターンシップ2022 Web API 講義資料
hatena
0
150
Git Rebase
bkuhlmann
10
1.2k
Makuakeの認証基盤とRe-Architectureチーム
bmf_san
0
150
T3 Stack and TypeScript ecosystem
quramy
3
690
Swift Observation
shiz
3
250
Writing Greener Java Applications
hollycummins
0
330
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
2
300

Featured

See All Featured
Ruby is Unlike a Banana
tanoku
93
9.5k
Intergalactic Javascript Robots from Outer Space
tanoku
261
26k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
7
560
Imperfection Machines: The Place of Print at Facebook
scottboms
254
12k
4 Signs Your Business is Dying
shpigford
171
20k
Art Directing for the Web. Five minutes with CSS Template Areas
malarkey
196
9.8k
Debugging Ruby Performance
tmm1
67
11k
Reflections from 52 weeks, 52 projects
jeffersonlam
338
18k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
38
3.6k
How to train your dragon (web standard)
notwaldorf
66
4.2k
StorybookのUI Testing Handbookを読んだ
zakiyama
8
3.2k
Gamification - CAS2011
davidbonilla
75
4.1k

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 [email protected] js.com