Durante esta sesión estaremos revisando dos excelentes frameworks para creación de aplicaciones front-end; en particular revisaremos a Angular (en su versión 4) y Vue.js, veremos pros y cons, cuándo usar uno u otro, cuál es la curva de aprendizaje, bajo qué circunstancias usarlos (o incluso cuándo y por qué elegir VanillaJs), cuánto me cuesta entrenarme en ellos y qué debo buscar para poder iniciar. Asimismo, revisaremos casos de éxito de ambos frameworks y su estado actual.

1. ¿Angular, Vue.js o VanillaJs?
Presenta:
Ing. Alex Arriaga

2. Angular
@alex_arriaga_mhttp://alex-arriaga.com

3. Angular
• Creado por Google
• AngularJs VS Angular
• Ciclo de releases
• Eventos internacionales: NG-Conf
• ¿Quién lo usa?
• https://angular.io/
@alex_arriaga_mhttp://alex-arriaga.com

4. Angular: Ventajas
• Enterprise-class ready
• Excelente organización para aplicaciones complejas
• Alta escalabilidad
• Components-oriented
• Perfecto para comunicar múltiples fuentes de datos
(servicios)
• Usa TypeScript
• Extremadamente asíncrono
@alex_arriaga_mhttp://alex-arriaga.com

5. Angular: Desventajas
• Pesado para aplicaciones pequeñas (600 Kb de
inicio)
• Ecosistema complejo: TypeScript, System.js,
Webpack, Linters, Observables.
• Curva de aprendizaje alta (alrededor de 2 meses)
• Usa conceptos avanzados:
• Inyección de dependencias
• Zones
• Observables / Subjects / Streams
@alex_arriaga_mhttp://alex-arriaga.com

6. Angular: Demo
• Basado en Angular 4
• Uso de la CLI https://cli.angular.io/
• Tres componentes
• Header
• Footer
• Catálogo de eventos
• Un servicio
• GET /eventos
• Un módulo
@alex_arriaga_mhttp://alex-arriaga.com

7. Vue.js
@alex_arriaga_mhttp://alex-arriaga.com

8. Vue.js
• Creado por Evan You (después de salir de Google)
• Parecido a AngularJs
• Reactividad primero
• Eventos: Vue-Conf https://conf.vuejs.org/
• https://vuejs.org/
@alex_arriaga_mhttp://alex-arriaga.com

9. Vue.js: Ventajas
• Simplicidad en mente
• Muy ligero
• Excelente para aplicaciones pequeñas/medianas
• Sustituto para jQuery
• Template System incluido
• ECMAScript / JavaScript
• Sin necesidad de aprender otro lenguaje
@alex_arriaga_mhttp://alex-arriaga.com

10. Vue.js: Desventajas
• Administrar apps complejas puede ser complicado
• Mantenido SOLO por su creador + un equipo
pequeño
• Riesgo para versiones LTS (Long Term Support)
@alex_arriaga_mhttp://alex-arriaga.com

11. Vue.js: Demo
• Basado en Vue.js 2
• Tres componentes
• Header
• Footer
• Catálogo de eventos
• Un servicio
• GET /eventos
@alex_arriaga_mhttp://alex-arriaga.com

12. Vanilla.js
@alex_arriaga_mhttp://alex-arriaga.com

13. ¿Vanilla.js?
• ¿Qué es?
• ¿Cuándo usarlo?
• ¿Me conviene aprenderlo?
• ¿Quién lo usa?
@alex_arriaga_mhttp://alex-arriaga.com

14. Q&A
@alex_arriaga_mhttp://alex-arriaga.com

15. [NOMBRE DEL CONFERENCISTA]
alex_arriaga_m
/webtrainingmx
/in/alexarriagam/
alex.arriaga@webtraining.mx
webtraining.mx
alex_arriaga