Para mantener una entrega continua en una cultura ágil es de gran ayuda tener una gestión de código limpia y óptima. Esaú Ortega nos platicará en esta ocasión cuales son las mejores prácticas para integrar frontend con facilidad y eficacia.

1. Una historia de
integración y paz
DevOps

2. Software Engineer
@Banregio
Javascript Advocate
& OSHW Enthusiast
Best Practices Follower
Techie ...
Esaú Ortega
@esauOp

3. Si sólo necesitarás recordar tres cosas de esta presentación...
Gitflow (Branching model)
Jira workflows
Codemetrics

4. DevOps

6. DevOps
PLAN
Issue Tracker
Issue Board
Portfolio Mgmt
CREATE
Version Control
Code Review
Web IDE
VERIFY
CI
Unit Test
Integration Test
Acceptance Test
Perf Test
PACKAGE
Container Registry
Binary Repository
RELEASE
CD
Release
Automation
Pages
Review Apps
CONFIGURE
App Control Panel
Infrastructure Conf
Operations
Feature Flags
ChatOps
MONITOR
Metrics
APM/Tracing
Prod Monitoring
Infra Monitoring
Error Tracking
Logging
SECURE
Static Testing (SAST)
Dyn. testing (DAST)
Dep. Scanning
Container Scanning
License Management
Runtime Protection
(RASP)
gitlab.com

7. DevOps
PLAN
Issue Tracker
Issue Board
Portfolio Mgmt
CREATE
Version Control
Code Review
Web IDE
VERIFY
CI
Unit Test
Integration Test
Acceptance Test
Perf Test
PACKAGE
Container Registry
Binary Repository
RELEASE
CD
Release
Automation
Pages
Review Apps
CONFIGURE
App Control Panel
Infrastructure Conf
Operations
Feature Flags
ChatOps
MONITOR
Metrics
APM/Tracing
Prod Monitoring
Infra Monitoring
Error Tracking
Logging
SECURE
Static Testing (SAST)
Dyn. testing (DAST)
Dep. Scanning
Container Scanning
License Management
Runtime Protection
(RASP)
gitlab.com

8. Agile Methodology
1. Customer satisfaction.
2. Welcome change.
3. Deliver working software frequently.
4. Working together.
5. Higher autonomy.
6. Face-to-face interaction.
7. Working software.
8. Constant pace.
9. Good design.
10. Simplicity.
11. Self organization.
12. Reflect and adjust.

9. Scrum

10. * Glids (Archuitecture)
Fail fast → Learn fast → Improve fast
Agile > Scrum
Principles > Practices
Scrum Master → Agile Coach
Tech Lead → Technical Coach
Scrum Team → Autonomous Squad (Cels)

11. Gitflow
Gitflow es un modelo de integración de código propuesto por Vincent Driessen (2010) para trabajar de manera
colaborativa usando git.
En este modelo existen 2 ramas estáticas: master y develop. Así como otras 3 ramas variables: feature, release y
hotfix.
master. contiene el código que está actualmente en producción.
develop. es donde los nuevos módulos se guardan a la espera de salir a producción.
feature. es donde se añade nueva funcionalidad.
release. contiene código candidato para ser liberado a producción.
hotfix. es donde se corrigen issues encontrados en producción

13. Lo bueno
● Células pequeñas
● Features atómicos
● Branching minimalista
● Ritmo armónico

14. Lo malo
● Ramas de integración efímeras
● Mal nombrado de branches
● Tareas demasiado ambiguas

15. Lo peor
● Proyectos más grandes
● Seguimiento inapropiado
● Nombrado general
● Integración caótica

17. Gitflow + Practice = Nextflow
● Branching por stories
● Branching por features
● Develop como integración
continua
● Ritmo de integración
● Merges confiables
● Releases flexibles
● Ciclos de pruebas
● Ciclos de corrección

18. Feature workflow

19. Bugfix / hotfix workflow

20. Release workflow

21. Demo

22. Objetivos
JIRA Workflows
● Story / Features
● Bugfix / Hotfix
● Releases
CI/CD
● Auto testing / Code review
● Aprovisionamiento automático.
● Sistema de notificaciones (Slack, Push).
● Documentación.

23. Codemetrics
The first purpose of metrics is simply to help you track and understand what has happened.
-Jonathan Alexander

24. Codemetrics
features. Velocidad, agilidad (por persona y por célula).
bugfix. Bugs (por feature, por persona, por celula).
hotfix / support. Errores en producción y mantenimientos por release.
test. Num ciclos x feature, Esfuerzo total de pruebas (en hrs) por feature.
develop. features publicados por sprint/mes, capacidad instalada.
release. Num de bugs no identificados en features. Num de bugs resultado de integración, Num de releases por mes.
Story points por release
master. Severidad de hotfixes.

25. Actividad

26. Comparativa

27. Temperatura

28. Bugs

29. @esauOp
Gracias!