Cursos Empresas Blog Live Conf Eventos Precios

0:0061:36

Configurando Socket.io en frontend y backend

#PlatziChallenge: Crea tu Portafolio como Web Developer

Clase 18 / 22

Ver clases

Fase 1: HTML y CSS

Inicio del reto - primera sesión, 2 de mayo
Maquetación del portafolio - segunda sesión, 6 de mayo
Maquetando un Clon de Twitter - tercera sesión, 9 de mayo
Responsive Design - cuarta sesión, 13 de mayo
Maquetando un Clon de YouTube - quinta sesión, 16 de mayo
Clon de YouTube: listas de videos - sexta sesión, 20 de mayo

Fase 2: JavaScript

Métele JavaScript a tu Portafolio - séptima sesión, 23 de mayo
Manipulación del DOM - octava sesión, 27 de mayo
Clon de Wordle - novena sesión, 30 de mayo
Victoria de jugadores en Wordle - décima sesión, 3 de junio
Consumiendo la PokeAPI - sesión 11, 6 de junio
Corrigiendo bugs de la pokedex - 10 de junio
Últimos detalles de la Pokedex - cierre de la segunda fase

Fase 3: React.js

Inicio de proyectos con React.js - Tercera fase
Creando el contexto de nuestra aplicación en React
Fixeando bugs y agregando el mapa
Setup con Webpack para el Chat en Tiempo Real con React.js
Configurando Socket.io en frontend y backend
Maquetando nuestra galería de fotos con React.js
Backend y conexión con Cloudinary
Corrigiendo Bugs y agregando mejoras al chat con React.js
Desplegando los proyectos - Fin del challenge

Progreso del curso

Fase 1: HTML y CSS

Inicio del reto - primera sesión, 2 de mayo
58:07
Maquetación del portafolio - segunda sesión, 6 de mayo
Suscríbete para ver más
Maquetando un Clon de Twitter - tercera sesión, 9 de mayo
Suscríbete para ver más
Responsive Design - cuarta sesión, 13 de mayo
Suscríbete para ver más
Maquetando un Clon de YouTube - quinta sesión, 16 de mayo
Suscríbete para ver más
Clon de YouTube: listas de videos - sexta sesión, 20 de mayo
Suscríbete para ver más

Fase 2: JavaScript

Métele JavaScript a tu Portafolio - séptima sesión, 23 de mayo
Suscríbete para ver más
Manipulación del DOM - octava sesión, 27 de mayo
Suscríbete para ver más
Clon de Wordle - novena sesión, 30 de mayo
Suscríbete para ver más
Victoria de jugadores en Wordle - décima sesión, 3 de junio
Suscríbete para ver más
Consumiendo la PokeAPI - sesión 11, 6 de junio
Suscríbete para ver más
Corrigiendo bugs de la pokedex - 10 de junio
Suscríbete para ver más
Últimos detalles de la Pokedex - cierre de la segunda fase
Suscríbete para ver más

Fase 3: React.js

Inicio de proyectos con React.js - Tercera fase
Suscríbete para ver más
Creando el contexto de nuestra aplicación en React
Suscríbete para ver más
Fixeando bugs y agregando el mapa
Suscríbete para ver más
Setup con Webpack para el Chat en Tiempo Real con React.js
Suscríbete para ver más
Configurando Socket.io en frontend y backend
Viendo ahora
Maquetando nuestra galería de fotos con React.js
Suscríbete para ver más
Backend y conexión con Cloudinary
Suscríbete para ver más
Corrigiendo Bugs y agregando mejoras al chat con React.js
Suscríbete para ver más
Desplegando los proyectos - Fin del challenge
Suscríbete para ver más

Escuelas

Desarrollo Web
English Academy
Marketing Digital
Inteligencia Artificial y Data Science
Ciberseguridad
Liderazgo y Habilidades Blandas
Diseño de Producto y UX
Contenido Audiovisual
Desarrollo Móvil
- Fundamentos de Desarrollo Móvil
- Desarrollo Nativo Android con Kotlin
- Desarrollo Nativo iOS con Swift
- Desarrollo Multiplataforma con React Native
- Desarrollo Multiplataforma con Flutter
- Arquitectura y Patrones de Diseño Móvil
- Integración de APIs y Persistencia Móvil
- Testing y Despliegue en Móvil
- Diseño UX/UI para Móviles
Diseño Gráfico y Arte Digital
Programación
Negocios
Blockchain y Web3
Recursos Humanos
Finanzas e Inversiones
Startups
Cloud Computing y DevOps

Platzi y comunidad

Platzi Business
Live Classes
Lanzamientos
Executive Program
Trabaja con nosotros
Podcast

Recursos

Manual de Marca

Soporte

Preguntas Frecuentes
Contáctanos

Legal

Términos y Condiciones
Privacidad
Tyc promociones

Reconocimientos

Reconocimientos

Top 40 Mejores EdTech del mundo · 2024

Primera Startup Latina admitida en YC · 2014

Primera Startup EdTech · 2018

CEO Ganador Medalla por la Educación T4 & HP · 2024

CEO Mejor Emprendedor del año · 2024

De LATAM conpara el mundo

Youtube Instagram LinkedIn TikTok Facebook X (Twitter)Threads

Configurando Socket.io en frontend y backend

#PlatziChallenge: Crea tu Portafolio como Web Developer

Clase 18 / 22

Ver clases

Fase 1: HTML y CSS

Inicio del reto - primera sesión, 2 de mayo
Maquetación del portafolio - segunda sesión, 6 de mayo
Maquetando un Clon de Twitter - tercera sesión, 9 de mayo
Responsive Design - cuarta sesión, 13 de mayo
Maquetando un Clon de YouTube - quinta sesión, 16 de mayo
Clon de YouTube: listas de videos - sexta sesión, 20 de mayo

Fase 2: JavaScript

Métele JavaScript a tu Portafolio - séptima sesión, 23 de mayo
Manipulación del DOM - octava sesión, 27 de mayo
Clon de Wordle - novena sesión, 30 de mayo
Victoria de jugadores en Wordle - décima sesión, 3 de junio
Consumiendo la PokeAPI - sesión 11, 6 de junio
Corrigiendo bugs de la pokedex - 10 de junio
Últimos detalles de la Pokedex - cierre de la segunda fase

Fase 3: React.js

Inicio de proyectos con React.js - Tercera fase
Creando el contexto de nuestra aplicación en React
Fixeando bugs y agregando el mapa
Setup con Webpack para el Chat en Tiempo Real con React.js
Configurando Socket.io en frontend y backend
Maquetando nuestra galería de fotos con React.js
Backend y conexión con Cloudinary
Corrigiendo Bugs y agregando mejoras al chat con React.js
Desplegando los proyectos - Fin del challenge

Configurando Socket.io en frontend y backend

#PlatziChallenge: Crea tu Portafolio como Web Developer

Clase 18 de 22

Clase 18 / 22

Configurando Socket.io en frontend y backend

Comentarios

Federico Upegui Restrepo#3803788
Hola, para debugear el código hagan lo siguiente:
1. en la función sendMessage del custom hook useChat la variable body que recibe el messageBody cámbienlo por text.
2. en la variable de la hora falta los paréntesis () en getMinutes.

Comentarios (1)1 comentarios

Federico Upegui Restrepo

Federico Upegui Restrepo

Hola, para debugear el código hagan lo siguiente:

en la función sendMessage del custom hook useChat la variable body que recibe el messageBody cámbienlo por text.
en la variable de la hora falta los paréntesis () en getMinutes.

Federico Upegui Restrepo

Federico Upegui Restrepo

Para chatear con gente de su familia, en el custom hook useChat cambien el localhost del SOCKET_SERVER por al ip del pc donde tienen el server corriondo.