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

Evolution of a Web Application

Avatar for Raquel Vélez Raquel Vélez
January 27, 2017
Programming
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
170
Engineering of Craft
Avatar for Raquel Vélez rockbot
0
310
The Beauty of Bad Code
Avatar for Raquel Vélez rockbot
1
170
The Beauty of Bad Code
Avatar for Raquel Vélez rockbot
4
540
Wombat-Driven Understanding: an interactive guide to using npm
Avatar for Raquel Vélez rockbot
0
340
Wombat-Driven Understanding: An Interactive Guide To Using npm
Avatar for Raquel Vélez rockbot
0
870
the npm website: a tale of wonder and woe (and wombats!)
Avatar for Raquel Vélez rockbot
0
320
fear
Avatar for Raquel Vélez rockbot
1
330
hiring at npm
Avatar for Raquel Vélez rockbot
1
290

Other Decks in Programming

See All in Programming
CSC509 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
260
スキーマ駆動で、Zod OpenAPI Honoによる、API開発するために、Hono Takibiというライブラリを作っている
Avatar for N Akita nakita628
0
310
AI Agent 時代的開發者生存指南
Avatar for 高見龍 eddie
4
2.1k
When Dependencies Fail: Building Antifragile Applications in a Fragile World
Avatar for Selçuk Usta selcukusta
0
110
Go言語の特性を活かした公式MCP SDKの設計
Avatar for hond hond0413
1
450
なんでRustの環境構築してないのにRust製のツールが動くの？ / Why Do Rust-Based Tools Run Without a Rust Environment?
Avatar for TOMIKAWA Sotaro ssssota
8
22k
『毎日の移動』を支えるGoバックエンド内製開発
Avatar for yutautsugi yutautsugi
2
270
TransformerからMCPまで（現代AIを理解するための羅針盤）
Avatar for MIKIO KUBO mickey_kubo
6
3.4k
One Enishi After Another
Avatar for Koji SHIMADA snoozer05
PRO
0
150
品質ワークショップをやってみた
Avatar for Nealle nealle
0
610
Devvox Belgium - Agentic AI Patterns
Avatar for Kevin Dubois kdubois
1
140
Six and a half ridiculous things to do with Quarkus
Avatar for Holly Cummins hollycummins
0
210

Featured

See All Featured
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
232
18k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.6k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
130k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.5k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
54k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k

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