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

Evolution of a Web Application

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Raquel Vélez Raquel Vélez
January 27, 2017
Programming
1
1.1k

Evolution of a Web Application

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

Avatar for Raquel Vélez

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
Avatar for Raquel Vélez rockbot
0
180
Engineering of Craft
Avatar for Raquel Vélez rockbot
0
340
The Beauty of Bad Code
Avatar for Raquel Vélez rockbot
1
190
The Beauty of Bad Code
Avatar for Raquel Vélez rockbot
4
550
Wombat-Driven Understanding: an interactive guide to using npm
Avatar for Raquel Vélez rockbot
0
360
Wombat-Driven Understanding: An Interactive Guide To Using npm
Avatar for Raquel Vélez rockbot
0
900
the npm website: a tale of wonder and woe (and wombats!)
Avatar for Raquel Vélez rockbot
0
340
fear
Avatar for Raquel Vélez rockbot
1
350
hiring at npm
Avatar for Raquel Vélez rockbot
1
310

Other Decks in Programming

See All in Programming
DevinとClaude Code、SREの現場で使い倒してみた件
Avatar for karia/Y.Hisamatsu karia
1
710
受け入れテスト駆動開発(ATDD)×AI駆動開発 AI時代のATDDの取り組み方を考える
Avatar for Takasaki Kazunari kztakasaki
2
490
Raku Raku Notion 20260128
Avatar for hareyaka hareyakayuruyaka
0
420
並行開発のためのコードレビュー
Avatar for Miyuki miyukiw
2
2.1k
AIコーディングの理想と現実 2026 | AI Coding: Expectations vs. Reality 2026
Avatar for Tomohisa Takaoka tomohisa
0
760
あなたはユーザーではない #PdENight
Avatar for Takuma Kajikawa kajitack
4
290
NOT A HOTEL - 建築や人と融合し、自由を創り出すソフトウェア
Avatar for Hokuto Shimokawa not_a_hokuts
2
480
LangChain4jとは一味違うLangChain4j-CDI
Avatar for Kenji Kazumura kazumura
1
120
Beyond the Basics: Signal Forms
Avatar for Manfred Steyer manfredsteyer
PRO
0
100
Oxlint JS plugins
Avatar for kazupon kazupon
1
1.1k
Ruby x Terminal
Avatar for Akira Matsuda a_matsuda
5
500
go directiveを最新にしすぎないで欲しい話──あるいは、Go 1.26からgo mod initで作られるgo directiveの値が変わる話 / Go 1.26 リリースパーティ
Avatar for Arthur arthur1
2
400

Featured

See All Featured
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
620
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.5k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
180
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
210
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
280
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
95
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.1k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
63

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