Chat en TIEMPO REAL con Node.js, Socket.io, SQL, HTML y CSS
1,846Descubre 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