Chat en TIEMPO REAL con Node.js, Socket.io, SQL, HTML y CSS

Sobre esta lección

Descubre cómo crear un emocionante chat en tiempo real con Node.js, Socket.io, HTML y CSS en este tutorial paso a paso. Aprende a establecer conexiones en tiempo real y mejora tus habilidades de desarrollo web. ¡Comienza a construir tu propio chat ahora! Durante el video, cubriremos: • La configuración inicial del entorno de desarrollo. • La creación del servidor Node.js y la integración de Socket.io. • El diseño y estructura del chat utilizando HTML y CSS. • La gestión de eventos en tiempo real para enviar y recibir mensajes. ▶ No te pierdas más directos en: https://www.twitch.tv/midudev ▶ Repositorio: https://github.com/midudev/curso-node-js 00:00:00 - Inicio 00:01:23 - Qué es Node? 00:03:32 - TCP 00:03:51 - HTTP vs Web Sockets 00:16:22 - Cuál es mejor? 00:17:48 - Creando Proyecto e instalando dependencias 00:18:57 - Creando el servidor 00:21:31 - Instalando Morgan Qué es? 00:23:43 - Servir HTML 00:28:24 - Creando el websocket 00:33:16 - Creando el cliente 00:36:46 - Agregando estilos 00:38:41 - Comunicar Cliente con Servidor 00:41:46 - Comunicar Servidor con Cliente 00:44:32 - Creando mensajes (CSS y HTML) 00:48:07 - Por hacer (problemas) 00:50:24 - No perder información por of-line (desconexión) 00:53:55 - Persistencia de Datos 00:54:38 - Creando una BD 01:00:29 - Creando una tabla 01:03:05 - Resultado de la query 01:08:25 - Ultimo mensaje a enviar 01:09:52 - Recuperar los mensajes anteriores 01:14:47 - Creando usuarios random 01:16:21 - Generando usuarios 01:17:16 - Ocupando usuario 01:20:02 - Socket handshake 01:21:18 - la coma (,) 01:22:39 - Probando midu-chat 01:23:54 - Corrigiendo error al recuperar la info de usuario 01:25:21 - Agregándole CSS 01:26:30 - Agregando Scroll (hacia abajo) 01:28:01 - Subiendo la clase al repositorio 01:28:33 - Tu tarea 🤓 01:29:33 - Despedida