El documento presenta Angular y Node.js para aplicaciones en tiempo real. Explica que Angular fue creado por Google y es adecuado para aplicaciones complejas gracias a su organización de componentes y escalabilidad, aunque tiene una curva de aprendizaje alta. Node.js permite ejecutar JavaScript en el servidor y Express.js provee un framework minimalista. Finalmente, Socket.io es una librería compatible para tiempo real entre cliente y servidor.

1. Angular + Node.js (tiempo real)
Presenta:
Alex Arriaga
alex.arriaga@webtraining.mx

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. Ejemplo con
Angular
@alex_arriaga_mhttp://alex-arriaga.com

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

8. Node.js
• Runtime de JavaScript basado en V8 de Chrome
• Permite ejecutar JavaScript server-side
• Curva de aprendizaje corta
• Muchos, muchos, muchos paquetes/módulos
• https://nodejs.org/en/
@alex_arriaga_mhttp://alex-arriaga.com

9. Express.js
@alex_arriaga_mhttp://alex-arriaga.com

10. Ventajas de Express.js
• Minimalista
• Unopinionated
• Curva de aprendizaje pequeña
• Listo para:
• Webapps
• REST APIs
@alex_arriaga_mhttp://alex-arriaga.com

11. Ejemplo con
Express.js
@alex_arriaga_mhttp://alex-arriaga.com

12. Tiempo Real
@alex_arriaga_mhttp://alex-arriaga.com

13. Ventajas del Tiempo Real
• Interactividad
• Riqueza visual
• Retroalimentación inmediata
• Asociación con “profesionalismo y velocidad”
@alex_arriaga_mhttp://alex-arriaga.com

14. Socket.io
@alex_arriaga_mhttp://alex-arriaga.com

15. Ventajas del Tiempo Real
• Compatible con navegadores legacy
• Curva de aprendizaje corta
• Provee paquetes para cliente y servidor
@alex_arriaga_mhttp://alex-arriaga.com

16. Ejemplo con
Socket.io
@alex_arriaga_mhttp://alex-arriaga.com

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

18. Alex Arriaga
alex_arriaga_m
/webtrainingzone
/in/alexarriagam/
alex.arriaga@webtraining.mx
webtraining.zone
alex_arriaga