Miguel Madero presenta sobre implementaciones de interfaz de usuario. La presentación cubre temas como despliegues front-end y back-end desde 2000, despliegues front-end aislados en Zenefits, componentes individuales, escenarios como pruebas de calidad, activación y retroceso de versiones, y toggles de características y aplicaciones. También discute estrategias de integración continua, despliegue, activación y verificación.

1. UI Deployments
Presenta:
Miguel Madero

2. zenefits.com/careers

3. Encuesta

4. • FrontEnd/Backend (circa 2000)
• FrontEnd en aislamiento (Zenefits)
• Zoom-in a cada componente
• Escenarios
• Otras Areas
• Q&A
Agenda

5. • FrontEnd/Backend (circa 2000)
• FrontEnd en aislamiento (Zenefits)
• Zoom-in a cada componente
• Escenarios
• Otras Areas
• Q&A
Agenda

10. • FrontEnd/Backend (circa 2000)
• FrontEnd en aislamiento
(Zenefits)
• Zoom-in a cada componente
• Escenarios
• Otras Areas
• Q&A
Agenda

21. • FrontEnd/Backend (circa 2000)
• FrontEnd en aislamiento (Zenefits)
• Zoom-in a cada componente
• Escenarios
• Otras Areas
• Q&A
Agenda

29. QA

31. QA

32. Siguiente paso:
• Liberar inmediatamente
• Liberar gradualmente (canary)
• A un grupo (toggle)
• Esperar

33. Siguiente paso:
• Liberar inmediatamente
• Liberar gradualmente (canary)
• A un grupo (toggle)
• Esperar

34. • FrontEnd/Backend (circa 2000)
• FrontEnd en aislamiento (Zenefits)
• Zoom-in a cada componente
• Escenarios
• Otras Areas
• Q&A
Agenda

35. Continuous Integration
(Travis)

40. Publish
•Build (webpack)
•Upload assets
•Upload assets to s3 (JS/CSS/Fonts/etc)
•Upload index HTML (s3/redis)
•Notificaciones (github, slack, sentry)

41. Ember CLI Deploy or Deploy JS

43. HTML Server

50. Activación

51. Estrategias de Activación
• Basadas en branch
• Basadas en branch y horario
• Basadas en usuarios y branches
• Manual

52. Verificaciones

53. Verificaciones
•Commits
•CI
•Consumer/Provider Contracts
•Health Checks

54. CDN

55. • FrontEnd/Backend (circa 2000)
• FrontEnd en aislamiento (Zenefits)
• Zoom-in a cada componente
• Escenarios
• Otras Areas
• Q&A
Agenda

56. Scenarios: QA

57. Scenarios: App Owners - Activar/Rollback

58. https://martinfowler.com/bliki/CanaryRelease.html
Scenarios: Canary Releases

59. https://martinfowler.com/bliki/CanaryRelease.html
Scenarios: Canary Releases

60. Scenarios: Toggles
Feature Toggles App Toggles

61. https://martinfowler.com/articles/feature-toggles.html
Scenarios: Toggles – Feature Toggle

62. https://martinfowler.com/articles/feature-toggles.html
Scenarios: Toggles – Feature Toggle

64. https://martinfowler.com/articles/feature-toggles.html
Scenarios: Toggles – Feature Toggle

65. https://martinfowler.com/articles/feature-toggles.html
Scenarios: Toggles – Feature Toggle

66. Scenarios: Toggles – App Toggles

67. Scenarios: Toggles – App Toggles

68. • FrontEnd/Backend (circa 2000)
• FrontEnd en aislamiento (Zenefits)
• Zoom-in a cada componente
• Escenarios
• Otras Areas
• Q&A
Agenda

69. Conclusión

70. Links
• ember-cli-deploy
• deploy-js
• lightning deploys
• ui-demo
• travis.yml
• deploy-config
• Version dashboard (TBD - Open Source later?)

71. Get in
touch.
T W I T T E R
@mamadero
E M A I L
me@miguelmadero.com
H I R I N G
zenefits.com/careers

72. @mamadero
/private
Miguel Madero
in/MiguelMadero
me@miguelmadero.com
Miguelmadero.com
/private