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

Durante el video, cubriremos:
• La configuración inicial del entorno de desarrollo.
• El diseño y estructura del chat utilizando HTML y CSS.
• La gestión de eventos en tiempo real para enviar y recibir mensajes.

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

[CharlyAlemania]

Es una locura lo mucho que se aprende con vos Midu! Mejor que muchos profesores universitarios! 😁😁

[Jczea]

Resulta impresionante ver como te es tan natural y sencillo compartir tu conocimiento. Gracias Midu!

[yairjgv]

Muchas gracias midu, de verdad, la forma en la que explicas primero dando una introducción visual antes de pasar al codigo es excelente.
yo soy muy visual así que me viene de maravilla.
De verdad que explicas mejor que muchos profesores 👏👏

[xavier.xiques]

¡Muy bueno! 👏
Tu te lo haces todo, el front, el back, la base de datos, .... todo.
Esto demuestra lo facil que se pueden hacer las cosas, y como nos complicamos en ocasiones.

[marianodgr]

INCREIBLE lo que sabe este muchacho!!!.
Genio midu!! cada video que veo aprendo 300 cosas nuevas y soluciones a problemas que no se me hubiera ocurrido. gracias genio! saludos de Argentina!!

[mauriciomartinez]

Midu te amo, estaba perdidisimo despues de salir de cursos de varias plataformas, de leer la documentacion y ni a si me ha quedado tan claro como estudiar contigo, eternas gracias Crack! Dios te bendiga mucho

[samuelhevia]

Un crack don Midu!!!

aunque un web-eo utilizar el Turso con windows.
Tuve que instalar una consola de ubuntu, posteriormente me daba el siguiente problema: WSL error exec: “xdg-open, x-www-browser, www-browser, wslview”: executable file not found in $PATH

lo solucione con los siguientes codigos (desde consola ubuntu)
sudo add-apt-repository ppa:wslutilities/wslu
sudo apt update
sudo apt install wslu

Espero que les sirva.

[jonux]

Magistral midu!!!, no sabes lo mucho que nos ayudas!!!! muchas gracias. 👏👏👏

[MrMartinMDQ]

Excelente explicacion de socket!. Gracias desde Mar del Plata - Argentina

[Kradix]

Gracias Midu! Curso fantástico desde la raíz, lo recomendaré por todos lados!

[oh-vito]

El truco para poder ver los ultimos mensajes del chat estando en los primeros de este quedo genial y lo demas extraordinario.

[AgustinFleitasFaes]

Julio 2024, funcionó a la perfección el Tutorial, pude instalar Turso en Windows... todo una maravilla 👌🏻✨

[deus-lovult]

Gracias Midu, me han gustado un monton estos videos y los cursos que has estado subiendo, la arquitectura y demas, estuvo genial !

[ingenieroNivelDs]

es increible que justo hoy me decidi a hacer esto, y hace 1 hora sale este video. Quería hacerlo sin frameworks de frontend.

[felipe]

excelente clase, aprendí mucho!

como se dice en inglés: "What a legend Midu!"

muchísimas gracias!

[chusOP]

Lo esperaba con ansias midu, graciaaaas!

[osakadev]

Hoy no me perdí tu stream, muchas gracias por las palabras que me diste y el apoyo que me diste igualmente, te lo agradezco midu ♥♥💪💪

[jhoniergutierrez]

Gracias por tu conocimiento Midu, ha sido increíble esta clase.

[cesarcoloradocaceres]

¡GRACIAS MIDU!
No lo hizo con Turso, porque no me funcionaba, lo hice con MySql
de la clase 5 y todo me funciona de maravilla!

MIL GRACIAS POR COMPARTIR TUS CONOCIMIENTOS,
TE QUIERO ♥

Saludos Cordiales,
Desde Perú.

[martinojeda]

Estuve todo el fin de semana buscando una base de datos para mi api de prueba, y la tenia tan cerca! No sabes lo bien que terminé mi finde gracias a que me compartieron este video midu! Saludos desde Argentina!