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

Build, test y deploy efectivo en JavaScript

Avatar for Ricardo Borillo Ricardo Borillo
October 25, 2014
Technology
3
320

Build, test y deploy efectivo en JavaScript

Slides from the talk at Barcelona Software Craftmanship 2014 (25th of October, Barcelona)

Avatar for Ricardo Borillo

Ricardo Borillo

October 25, 2014
Tweet

More Decks by Ricardo Borillo

See All by Ricardo Borillo
De la metodología a la práctica. ¿Cómo trabajan los equipos de desarrollo?
Avatar for Ricardo Borillo borillo
0
38
Deuda técnica en procesos de entrega continua
Avatar for Ricardo Borillo borillo
1
35
Serverless y React, la pareja perfecta
Avatar for Ricardo Borillo borillo
0
250
Agile JavaScript
Avatar for Ricardo Borillo borillo
0
380
La ubicuidad de la tecnología
Avatar for Ricardo Borillo borillo
1
69
2 años en el Cloud: Presente y futuro del entorno de gestión UJI
Avatar for Ricardo Borillo borillo
0
84
El testing en JavaScript ya no es para gurús
Avatar for Ricardo Borillo borillo
0
490
Tendencias en el desarrollo profesional de aplicaciones con Java, React y Docker
Avatar for Ricardo Borillo borillo
2
210
Gestionando el viaje a la nube: El entorno de Gestión UJI en el cloud
Avatar for Ricardo Borillo borillo
0
130

Other Decks in Technology

See All in Technology
サイボウズフロントエンドの横断活動から考える AI時代にできること
Avatar for mugi / Hajime Mugishima mugi_uno
4
1.4k
S3のライフサイクル設計でハマったポイント
Avatar for Kumada mkumada
0
110
イオン店舗一覧ページのパフォーマンスチューニング事例 / Performance tuning example for AEON store list page
Avatar for AEON aeonpeople
1
210
コミュニティと計画的偶発性理論 - 出会いが人生を変える / Life-Changing Encounters
Avatar for soudai sone soudai
PRO
7
1.3k
Engineering Failure-Resilient Systems
Avatar for Mark Irozuru infraplumber0
0
130
ウォンテッドリーのアラート設計と Datadog 移行での知見
Avatar for Kazuki Obata donkomura
0
300
知られざるprops命名の慣習 アクション編
Avatar for uhyo uhyo
9
2k
[CV勉強会@関東 CVPR2025 読み会] MegaSaM: Accurate, Fast, and Robust Structure and Motion from Casual Dynamic Videos (Li+, CVPR2025)
Avatar for abemii_ abemii
0
180
OpenAPIから画面生成に挑戦した話
Avatar for koinunopochi koinunopochi
0
140
あなたの知らない OneDrive
Avatar for Murachi Akira murachiakira
0
230
夢の印税生活 / Life on Royalties
Avatar for とみたまさひろ tmtms
0
280
Rethinking Incident Response: Context-Aware AI in Practice - Incident Buddy Edition -
Avatar for rrreeeyyy rrreeeyyy
0
130

Featured

See All Featured
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.8k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.9k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.5k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
820
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
53
8.8k

Transcript

  1. Build, test & deploy efectivo en JavaScript Ricardo Borillo @borillo

  2. None
  3. None
  4. None
  5. None
  6. None
  7. None

  8. BUILD

  9. None
  10. None
  11. None
  12. None
  13. None
  14. None
  15. None
  16. None

  17. FILE TRANSFORMATION

  18. minify

  19. concat

  20. watch

  21. BROWSER INTEGRATION

  22. None

  23. <script src="http://localhost:35729/livereload.js"></script>

  24. $ python -m SimpleHTTPServer

  25. None
  26. None

  27. OTHERS

  28. watch

  29. None
  30. None
  31. None
  32. None
  33. None

  34. TEST

  35. FASTSTABLE REPETIBLE INDEPENDENT SUT

  36. None
  37. None
  38. None

  39. ACCEPTANCE TESTING

  40. None
  41. None
  42. None
  43. None
  44. None
  45. None
  46. None
  47. None

  48. nightmarejs

  49. nightmarejs

  50. None
  51. None
  52. None
  53. None
  54. None
  55. None

  56. e2e

  57. None

  58. not only for ...

  59. $ npm install --save-dev gulp-protractor protractor $ ./node_modules/protractor/bin/webdriver-manager update

  60. None
  61. None
  62. None

  63. PAGE OBJECTS

  64. astrolabe astrolabe

  65. astrolabe

  66. UNIT TESTING

  67. None
  68. None
  69. None
  70. None
  71. None
  72. None
  73. None
  74. None
  75. None
  76. None
  77. None

  78. DEPLOY

  79. None
  80. None

  81. CLUSTER PROXY MONITOR LOG NO DOWNTIME

  82. None
  83. None
  84. None
  85. None

  86. + DEPLOY

  87. None
  88. None
  89. None
  90. None
  91. None
  92. None
  93. None

  94. LOGS WINSTON KIBANA

  95. LOGS WINSTON

  96. https://github.com/borillo/software-craftmanship-2014

  97. ! Thanks [email protected] @borillo