El documento presenta el programa del evento Web Day de Plain Concepts. Se detallan las charlas y temas que se abordarán durante el día, incluyendo diseño web, arquitectura frontend, autenticación, integración frontend-backend, testing, DevOps, control de versiones con Git, integración continua y entrega continua utilizando Visual Studio Team Services.

1. 26.10.2017
Plain Concepts
Web Day
Rodrigo Cabello
VSTS, GIT, Integración continua y
deployment
Software Engineer

2. 2
9:00 – 9:45 Diseño Web - Paloma Celaá
9:50 - 10:35 Arquitectura de componentes Front. Typescript y Angular – Carlos
Bastos
10:40 - 11:25 Autenticación. Configuración del inyector de depencias y
controladores – Carlos Landeras
11:25 - 11:45 Break
11:45 - 12:30 Integración de Front con Back. Nswag: cómo generar los typing – Luis
Ruiz Pavón
12:35 - 13:20 Estrategias de testing. Buenas prácticas – Unai Zorrilla
13:25 – 14:10 VSTS, GIT, Integración continua y
deployment – Rodrigo Cabello
Plain
Concepts
Web Day

3. Experiencia de más de 8 años en el desarrollo de aplicaciones web.
Apasionado de las nuevas tecnologías y aplicaciones que utilizan
técnicas basadas en Inteligencia Artificial.
Rodrigo Cabello
@plainconcepts #WebDayMadrid 3
@mrcabellom
Software Engineer

4. Qué veremos
4
1. DevOps
2. Metodologías ágiles
3. Control de versiones
4. Integración continua
5. Entrega continua

5. 5
DevOps

6. ¿Qué es DevOps?
• Desarrollo + Operaciones (Comunicación, colaboración e integración entre desarrolladores software e IT).
• Metodología para creación de Software.
• Realizar Software más rápidamente, con mayor calidad, menor coste y altísima frecuencia de releases.
Dev Ops
@plainconcepts 6

7. 7
Metodologías Ágiles

8. SCRUM
Implementa los principios ágiles como un conjunto de artefactos, prácticas y roles
Metodologías Ágiles
@plainconcepts 8
Roles de SCRUM
- Product Owner
- Scrum Master
- Scrum Team

9. Kanban
• Utiliza principios y artefactos propios diferentes de SCRUM.
• No especifica nada acera de liturgias y Roles.
• Flujo de trabajo continuo y constante.
• Concepto de Work in progress (WIP).
Metodologías Ágiles
@plainconcepts 9

10. Visual Studio Team Services
• Soporte para SCRUM (Sprints, capacidad..) y Kanban (WIP)
• Definición de Epics, Features e Historias de Usuario y Bugs
• Métricas y seguimiento. Burndown, cumulative Flow.
Metodologías Ágiles
@plainconcepts 10

11. 11
Control de Versiones

12. • Realizar un control de versiones del código fuente.
• Git como sistema de control de versiones.
• Gestionar ramas de una manera fácil y eficiente (según nuestras necesidades)
– Dev
– Master
Control de Versiones
@plainconcepts 12
Sistema de control de versiones distribuidos

13. • Modelo de ramas dependiente del proyecto y del estado del mismo.
– Dev
– QA (testing exploratorio)
– master
• Rama feature/--- por historia de usuario.
• Rama hotfix/--- por cada corrección sobre master.
• Tags en master y QA
• Política de ramas:
– Pull request master
– Mínimo de 2 aprobadores
Control de Versiones
@plainconcepts 13

14. 14
Integración Continua

15. • Realizar integraciones automáticas de un proyecto lo más a menudo posible.
• Ventajas:
– Feedback rápido. Detección de errores.
• Ejecución automática cada vez que se sube código a una rama.
• Principales tareas:
– Compilación.
– Ejecución de pruebas (test unitarios, integración, e2e…)
– Creación artefacto.
Integración Continua
@plainconcepts 15

16. Visual Studio Team Services
• Fácil definición de tareas para realizar la integración continua.
• Soporte para aplicaciones .Net, Java, PHP o Python
• Agrupación de tareas.
• Definición de triggers para cada rama.
Integración Continua
@plainconcepts 16
Tokenize tasks

17. 17
Entrega Continua

18. • Proceso que consiste en la prueba, preparación y
despliegue de un artefacto a un entorno de producción.
• Diferentes entornos y pipelines
– Desarrollo
– QA
– Pre
• Tiene lugar después de cada integración continua.
• Soporte de patrones como Blue/Green deployment (slots)
Entrega Continua
@plainconcepts 18

19. Visual Studio Team Services
• Fácil creación de Pipelines:
– Artefactos
– Entornos
• Definición de precondiciones y postcondiciones para los
distintos entornos
– Aprobadores
– Triggers (Filtrado por artefacto)
Entrega Continua
@plainconcepts 19

20. ¡GRACIAS!
www.plainconcepts.com
@plainconcepts

21. www.plainconcepts.com
MADRID
Paseo de la Castellana 163, 10º
28046 Madrid. España
T. (+34) 91 5346 836
BILBAO
Calle Ledesma 10-bis 3º
48001 Bilbao. España
T. (+34) 94 6073 371
BARCELONA
Carrer Compte d’Urgell 240 4º 1A
08036 Barcelona. España
T. (+34) 93 7978 566
SEVILLA
Avenida de la innovación s/n
Edificio Renta Sevilla, 3º A
41020 Sevilla. España
DUBAI
Dubai Internet City. Building 1
73030 Dubai. EAU
T. (+971) 4 551 6653
LONDON
Impact Hub Kings Cross
24B York Way, N1 9AB
London. UK
SEATTLE
1511, Third Ave
Seattle WA 98101. USA
T. (+1) 206 708 1285