Requisitos previos
• Conocimientos básicos de JavaScript o TypeScript (variables, funciones, async/await).
• Conocimientos básicos de Angular.
• Poder realizar instalaciones en el equipo (editor de código, extensiones y Bun)
• Ganas de practicar: vamos a construir varios proyectos y probar con múltiples navegadores.
• No necesitas experiencia previa con WebSockets ni con Bun.
Descripción del curso
Aprende a trabajar en tiempo real en Angular utilizando un stack moderno y de alto rendimiento: Bun + WebSockets + Angular con Signals. En este curso aprenderás a construir aplicaciones que se actualizan al instante, entendiendo tanto la comunicación bidireccional como la reactividad moderna basada en señales.
Comenzamos desde cero con los fundamentos de WebSockets y la configuración del servidor de alto rendimiento con Bun, para luego conectarlo a aplicaciones Angular bien estructuradas, tipadas y reactivas. Verás cómo manejar flujos de conexión, reconexión automática, envío y escucha de mensajes, manteniendo una arquitectura limpia y mantenible.
Proyectos completos y prácticos que desarrollarás:
- Dashboard en vivo: Gráficas interactivas de partidos políticos con ChartJS, formularios reactivos y actualizaciones de datos en tiempo real.
- Mapas interactivos: Sincronización en tiempo real de ubicaciones y movimientos de marcadores entre múltiples clientes de forma simultánea.
- Sistema de colas y tickets: Pantallas de atención al cliente con actualización instantánea de turnos, gestionando atención preferencial y normal.
- Chat avanzado: Aplicación de mensajería con soporte para mensajes públicos, privados y salas de chat independientes.
Buenas prácticas y arquitectura profesional:
No se trata solo de hacer que funcione; aprenderás a estructurar tu código aplicando estándares de la industria:
- Tipado estricto en todo el flujo de datos.
- Separación de responsabilidades mediante servicios especializados.
- Validación robusta de datos en el cliente y el servidor.
- Uso de Signals y Signal Outputs para una experiencia de usuario verdaderamente reactiva y ultra eficiente.
Al finalizar, tendrás la capacidad técnica de crear aplicaciones Angular en tiempo real listas para producción, entendiendo cómo integrar un backend veloz con Bun y una interfaz moderna, performante y fácil de mantener.
🚀 ¡Lleva la interactividad de tus aplicaciones al siguiente nivel!
