Introducción
  • Introducción
  • ¿Cómo funcionará el curso?
  • ¿Cómo hacer preguntas?
  • Instalaciones necesarias para seguir el curso
  • Instalación y uso de Nodemon
¿Qué son los sockets?
  • Introducción a la sección
  • Temas puntuales de la sección
  • ¿Cómo crear una aplicación con respuestas en tiempo real?
  • Conceptos clave para el manejo de sockets
  • Diferentes librerías para el manejo de sockets
Configuración de Express, Rest Server en TypeScript
  • Introducción a la sección
  • Temas puntuales de la sección
  • Inicio de proyecto - Express Server
  • Creando nuestro servidor de express
  • Creando servicios rest - Get y Post
  • Obtener información del Post y argumentos por URL
  • Configuración del CORS
  • Realizar un backup a GitHub - Rest Server
  • Código fuente de la sección
Angular App + Socket Server
  • Introducción a la sección
  • Temas puntuales de la sección
  • Continuación del proyecto - Socket.io
  • Patrón singleton para nuestra clase Server
  • Angular - Conectarnos a nuestro servidor
  • Estado del servidor de sockets desde el cliente
  • Interfaz visual para indicar cuando hay conexión al servidor de sockets
  • Detectar la desconexión de un usuario - Servidor
  • Emitir un mensaje mediante sockets al servidor
  • Interfaz visual para enviar mensajes
  • Escuchar emisión desde el servidor
  • Interfaz visual de los mensajes nuevos
  • Backup de los proyectos sección 4
  • Código fuente de la sección
Identificar usuarios de sockets y mensajes a sockets vía Rest Services
  • Introducción a la sección
  • Temas puntuales de la sección
  • Inicio del proyecto - Sección 5
  • Implementando un sistema de rutas en Angular
  • Nombre de usuario y login template
  • Manejando usuarios conectados en el socket-server
  • Manejo de usuarios - Socket Server
  • Mantener el usuario a pesar de las reconexiones
  • Angular Guard - Obligar al usuario a siempre tener nombre
  • Reconectar y renombrar usuario en el Socket Server
  • Recibir mensajes privados desde un servicio REST
  • Tarea - Enviar un mensaje al chat general desde un servicio REST
  • Backup de los proyectos sección 5
  • Código fuente de la sección
Manejo de las lista de usuarios vía sockets y servicios REST
  • Introducción a la sección
  • Temas puntuales de la sección
  • Inicio del proyecto - Sección 6
  • REST - Obtener los IDs de los usuarios activos
  • REST - Obtener los nombres y los IDs de las personas conectadas
  • Componente de Lista de Usuarios
  • Tarea - Obtener lista de usuarios - socket
  • Logout - Cierre de sesión
  • Realizar un backup - Socket Server - Base
  • Código fuente de la sección
Ejercicio - Gráfica en tiempo real
  • Introducción a la sección
  • Temas puntuales de la sección
  • Inicio del proyecto - Gráficas en tiempo real
  • Angular - Gráfica dinámica - Sin Sockets
  • Backend - Crear una clase para controlar la gráfica
  • REST - Obtener la información inicial de la gráfica
  • Socket - Actualizar la gráfica mediante sockets
  • Código fuente de la sección
Tarea - Encuesta en tiempo real
  • Introducción a la sección
  • Temas puntuales de la sección
  • Demostración de la tarea e instrucciones iniciales
  • Inicio del proyecto - Tarea - Encuesta
  • Configuración de la gráfica
  • Configuración del backend - Encuestas
  • Conexión de sockets desde Angular - Encuestas
  • Código fuente de la sección
MapBox - Aplicación de mapas en tiempo real
  • Introducción a la sección
  • Temas puntuales de la sección
  • Demostración de lo que lograremos al finalizar la sección
  • Enlaces para la próxima clase
  • Inicio de proyecto - mapbox
  • Textos para la siguiente clase
  • Mostrar el mapa de Mapbox
  • Mostrar marcadores en el mapa
  • Crear marcadores y evento Drag de los mismos
  • Eliminar marcadores
  • Descargar: Socket-server-multi
  • Inicializando nuestro servidor de sockets
  • Crear la lógica para el manejo de sockets en el servidor
  • Conectar nuestra aplicación de Angular con nuestro servidor de sockets
  • Angular - Leer los marcadores iniciales
  • Socket - Crear nuevos marcadores
  • Socket - Borrar marcadores
  • Socker - Mover marcadores