Chat Javascript Desde Cero | Crea un Chat con HTML5, Nodejs, Express, WebSockets y Mongodb, Parte 1

[@albertarias751]

me tomo un poco darme cuenta y leer la documentacion asi que les hare el trabajo mas facil si les dice que listen no es una funcion lo que deben de hacer es algo bien simple const io = socketio.listener = (server); es lo que a mi me funciono edit: tambien puede ser const io = socketio.listen = (server);

[@moro3797]

Gracias

[@axelhobrecht2321]

gracias por la ayuda, tuve ese problema, lo que no logro entender es porque a El si le funcionaba y a nosotros no.

[@mauroavellaneda9019]

Genio

[@albertarias751]

​@@axelhobrecht2321 pues no se si te estaria respondiendo correctamente pero segun creo debe de ser por que ya esas formas estan desactualizadas

[@mattbaker7284]

GRACIAS, me salvaste

[@mrrexrose545]

Muchas graciaaaas

[@sergiomedina5520]

Impresionante. He visto muchos tutoriales de este tema con Angular...pero me temo que no les he entendido. En cambio contigo...uff todo va bien. Calidad al 100%. ¡Mil gracias!

Excelente aportes lo que haces en este canal, y muy buen ejemplo este que has hecho con el Chat Javascript, Node.js, Express, WebSockets, y MongoDB, y completo desde el principio hasta el final, con la publicación, te felicito por estos grandes aportes, donde compartes gran parte de tiempo, ya que todo esto se toma su tiempo y lo dedicas para publicar y compartir tu conocimiento, excelente, tenia varios dias buscando como subirlo, y aunque encontré varias opciones ninguna como esta, Muchas gracias. Solo me gustaria que si pudieras en algun momento indicar o crear un nuevo video donde muestres como loguearnos con password y usuario, y la forma de enviar mensajes privados fuera diferente, que fuera por opciones como selección tipo de mensajes, o algo asi, por lo demás muchas felicidades y gracias por este tan buen canal.

[@rlyehdate]

Esto confirma que las redes sociales tienen acceso a todos nuestros chats y que realmente podrían hacer lo que quieran con esa info con la suficiente discreción... Tremendo... pero más tremendo tu tutorial, ¡crack!

[@josebastidas4927]

no sabes nada de servidores y de leyes si crees que lo que dices es verdad

[@GirlDesignTips]

Hi Coders ! Solo me queda felicitarte por el aporte a la comunidad, es genial compartir tus conocimientos. Ya está en mi PlayList donde comparto cursos excelentes como el tuyo. Saludos y sigue así ... Atte. Klaudia.

[@brianhernandez6349]

Woow, tus videos dan ganas de verlos todos. Gracias amigo

[@juandiegocastro7977]

Parcero gracias por tu aporte, de verdad que aprendí mucho en esta primera parte, explicas muy bien y es entendible toda esta magia de desarrollo. Saludos desde Cali/Colombia

[@josemariapallares1720]

Este man es un duro , felicitaciones gracias por existir

[@DavidGarcia-sg4vr]

Amigo, esto es lo que buscaba. Gracias por tu aporte.

[@andresmontoya7852]

Muy bueno! Sería bueno crear que cuando uno le de click a un usuario, este abra un nuevo chat y ahí hablar en privado :)

[@roberloza2553]

Eso es lo que he buscado pero ya con esta idea se q si se puede

para los que les aparece el error 'socketio.listen is not a function' solo hay que quitar el listen de socketio.listen(server)

[@Endersontutoriales]

Excelente, totalmente entendible.

[@faviolavargas2114]

me dice cannot get socket.io/socket.io.js , a la hora de yo escribirlo en la barra del navegador alguien save a que se debe?

[@argus_mg]

Por cierto, buenísimo tutorial.

[@FaztTech]

Gracias Gustavo. ¡Un Saludo!

[@davidisrael8937]

bro, el archivo socket.io.js no esta en esa ruta, ya he probado varias rutas, pero no puedo, puedes ayudarme?

[@parzival2989]

Amigo, saludos de Colombia, excelentes videos

[@FaztTech]

Gracias Spartan, Un Saludo y Mucha suerte.

[@VictorHugoHernandezValencia]

Excelente tutorial, gracias por compartir la información.

[@edwintorres3966]

amigo gracias. espero que subas mas videos. desarrollando mas un chat.

[@carlosdelgado8177]

Bro q genial. no podrías hacer un ejemplo similar utilizando Java ServerFaces, CSS y Jquery?, soy nuevo en esto no me juzgen XD

[@amantoncano174]

a ese proyecto se le puede agregar grabar notas de audio o hacer llamadas

[@Mrst013]

Ya te extrañaba

[@danilogonzalez7903]

hola no puedo subirlo a produccion.como subirlo para que se despliegue toda la aplicacion en su totalidad

[@TheKTUTOS]

grande fazt😁😁😁

[@jppachar]

Excelente video he aprendido muchooo !! Por favor podrias hacer un video donde utilices eslint de forma global en visual studio code ???

[@cartablanca3072]

aun despues de dos años el aporte de este video sigue ayudando solo tengo un problema es que cuando voy en el minuto 20:25 la consola me salta el error de " cannot access "http" "

[@magalyarteaga3184]

gracias por tu aporte

[@jlvicenteg]

Eres un genio muchas gracias por el aporte

[@biancahoffmann2489]

Seria genial que haya una actualizacion de este video :c ademas de poder tener salas privadas para poder chatear con personas concretas jejeje

[@CristianRomero-up1nj]

Esto si me enchufa de verdad

[@marcoalexanderloligrajeda1150]

eres un grande Fazt

[@marcmedrano7351]

Alguien me ayuda, no me devuelve el msg de "new user connected"

[@irwin10r]

Gran video amigo... Gran video....

[@francoperez869]

PREGUNTA !!! donde? -> min 20:53 . Linea8 "socketio.listen('server'); que sucede? ->me arroja "TypeError: socketio.listen is not a function" no sé cual es la sintaxis correcta, no la encontré tampoco en internet. Ayuda ! :C PD: Buenisimos videos explicas bacan ! :)

[@jethrosiloecruzcastillo42]

const io = socketio.listen = (server) también sirve con const io = socketio.listener = (server)

[@Fedjz]

Muy buen tutorial! :)

[@giamar3026]

Hola, te hago una consulta , me aparece 'socketio.listen is not a function' y trevise varias veces y está todo ok, que puede ser? gracias x las clases

[@ivancantillo3314]

¿Cómo lo puedo hacer con routes?

[@LeonardoCastro97]

excelente video, me gustaria saber que plugin de consola instalaste en atom

[@Ascenso_asc]

Excelente video bro, pero podrías seguir a continuación agregándole más cosas a ese mismo código? Como por ejemplo una lista de usuario y mejorar la interfaz, sería genial bro

[@FaztTech]

Es una excelente recomendacion voy a renovar este ejemplo con esas mejoras :)

[@Ascenso_asc]

@@FaztTech si bro, no me había dado cuenta que ya habías hechos vídeos mejorando el mismo código, ya me los vi y me pareció excelente la información! Aún así estaría bueno que le agregues muchisimas cosas más al proyecto, muy bien lo que haces bro, nos ayudas aprender a miles de personas, Bendiciones crack 🤑🤙🏼

[@GermanJablo]

Fazt, tienes muchos videos y a veces no sé con cual empezar. ¿Qué te parece hacer un video sobre tus videos hasta el momento? como una ruta de aprendizaje. Deberías ordenarlos en listas, eliminar los antiguos que has mejorado, poner indices en las descripciones de video, etc. Luego asesorarnos cuál debería ser el orden de tus videos que deberíamos ver. Está todo un poco desordenado y confuso.

[@arturo_herrera_]

Sobre la carga al servidor. En el trabajo tenemos un servidor que atiende a unos 500 personas, ahi mismo esta una DB de SQL. Corriendo con XEON E5606 de 8 nucleos a 2.13 ghz, normalmente el procesador va a entre un 15% llegando a topes del 60%. El server tiene 24gb de ram y generalmente tiene 8gb de ram libres. Deseamos implementar un chat con node y socketIO para usarase en un protal web y una aplicacion android... ¿Como podriamos calcular o saber aunque sea de manera aproximada, si el servidor aguantara? El chat sera usado por un maximo de 600 personas.

[@sernon158]

Hola, buen video hasta ahora, pero me sale un error y no se como arreglarlo Me pone que /socket.io/ no existe y no puedo hacer nada

[@agustinmiranda1110]

encontraste la solucion o algun link de ayuda??

[@heribertoriosoliva748]

Me gustaria saber si hay un servidor local para esta app como xampp o tomcat para php o java y como instalarlo en windows. Agradezco el tiempo dedicado para tus videos saludos!

[@corbla]

Increible

[@DavidGarcia-sg4vr]

Yo se, que lo mas recomendado es mongodb, pero ¿Se podria utilizar mysql como gestor de base de datos o afecta la ejecucion en tiempo real?

[@YesicaIbarra-w5n]

No me deja instalar npm install express porque sera

[@FaztTech]

puede que sea un error de conexion de internet o que mensaje obtienes?

[@anibalmarquez9480]

CONSULTA: al terminar mi chat. ¿Sabes como podria disponibilizarlo desde un CDN? y ¿como hago para que el chat aparezca flotando en la esquina de mi pagina? Saludos! y muy buen aporte tus videos :)

[@johnmendoza7077]

Excelente aporte. Una consulta, cuándo sería recomendable utilizar Socket.io?

Cuando quieras tener canales abiertos en tiempo real para aplicaciones web, como juegos en línea, chats, estadísitcas, vídeos en vivo, o peticiones en tiempo real, etc

[@braulioo9314]

Excelente, tienes cursos de WebRTC tanmbien?

[@juniorfructuoso9108]

Hola hermano que tal. Que programa utilizas para grabar tus videos?

[@petaca39]

buen video una consulta como realiza la implementacion real del servidor en un hosting real wwww o directamente realiza la trasferencia de todos los archivos por medio de un ftp al servidor o hay algun paso previo antes o despues de realizar el ftp la pregunta es ya que realice los codigos pero al subirlo a un servidor real me da error cualquier informacion o link agradecido

[@springmirage]

es la continuacion del proyecto similar ?

[@Els_Jewel]

Termino el video, hice todo tal cual como el. mismo codigo, misma manera de hacerlo, mismo todo, y no me funciona el chat. Escribo cualquier cosa y no aparece nada, simplemente desaparece.

[@guillermofernandez8953]

FAZT HAZ UN VIDEO MAS NUEVO DE HACER UN CHAT CON ANGULAR O ALGUN FRAME PARA UN LINDO FRONT

[@ruslankomarytskiy8782]

buenas me sale socketio.listen is not a function

[@witlac6440]

como hago para que cada usuario resiva una pagina html distinta

[@PoloGameplaysPBSU]

Se puede en el teléfono también?

[@jeanpinto8864]

Tendrías que usar un framework como React para la interfaz gráfica de la aplicación y luego utilizar React Native para crear la versión móbil.

[@luisantonio2273]

Porque se tiene que usar el modulo http? Si al usar express ya se esta creando un servidor y ese se puede usar para que haya una conexion de web socket

[@leonardopernettjimenez5644]

LOS SOCKET NO SPORTA EXPRESS AUN

[@digitali5678]

hola como estas?? queria decirte que me encantan tus videos!!! queria saber si al chat se le puede agregar un bot?? y poder utilizarlo en una pagina web?

[@FaztTech]

Lo tenía planeado, pero lo había olvidado. Así que voy a terminarlo para publicarlo pronto :)

[@digitali5678]

holaa por favor!!! me avisas ya que estare pendiente!!

[@andresdavidlondonohincapie5235]

como puedo agregar le un bot al chat?

[@4bzu]

como hago para que el chat sea únicamente entre dos usuarios buen video por cierto saludos desde colombia

[@SrRapero720]

lo mismo que en el video... solo metes un if/else que diga que si hay dos conexiones ya activas entonces ya no pueda usarse el chat

[@hectoraguero5274]

Excelente, todo muy claro.

[@angeliyofit]

Amigo javascript tiene api como java ?

[@codechappie]

diablos amigo buenos videos, saludos...

[@esaudelossantospopoca3157]

gracias bro

[@luchorap85]

Genial

[@vientodevidaoficial7865]

Hola Fazts Tech, en primer lugar muchsitmas gracias por todo el conocimiento que nos das con todos estos videos. en segundo lugar, te cuento estaba haciendo todo al pie de la letra, no queria descargarme el repo xq me gusta aprender de creo, pero me quede en el minuto 52:...... no me deja enviar el mentaje ni por consola ni por la caja de chat, es mas escribo cualquier cosa y ni desaparece el tectoqueda ahi, como si si el boton enviar no tuviera una funcion..!! eso si, se guarda todo lo que escriba cada vez que toco F5 y pongo noc Ej. Hola al poner solo la "H" ya me aparece predeterminada la palabra completa, necesito tu ayuda @FaztTech, feliz tarde

[@jeanpinto8864]

Fazt actualizo el código: github.com/FaztTech/chat-javascript-fullstack/tree/master/src. Muy posiblemente realizo cambios de sintaxis para mantener el código.

[@juancarlosariasbotero6622]

Buenas Tardes, tengo un problema, el vscode me exige una correccion en lugar de const express = require('express'); me pide que haga un import express as express from 'express'; es ultimo codigo lo he elaborado yo no me funciono, podrian porfavor decirme como usar import?

[@christopherrivera5932]

instalaste express con npm install express?

[@dominicanosunidos9265]

buen video me ha dado un mejor entendimiento de lo que nodejs , ahora como hago para que me lea archivos con extensión .php ? por que hice mi inedx.php y me dice cannot get pero luego si lo cambio a html me lee la pagina alguna ayuda porfis

Jaja amigo, estás usando php y express a la vez xd

[@skycodeia3403]

hola muy buen video estaba super contento porque es un tutuo exelente hice primer video bien pero cuando estaba en el segundo me aparece esto y no se que hacer Error: Cannot find module '/home/skycode/Escritorio/ chat-javascript-fullstack-master/.node_models/typesc ript/bin/www' at Function.Module._resolveFilename (module.js:5 47:15) at Function.Module._load (module.js:474:25) at Function.Module.runMain (module.js:693:10) at startup (bootstrap_node.js:188:16) at bootstrap_node.js:609:3 sabes fast seria muy bueno un tutorial de las librerias y configuraciones necesarias para despues de instalar linux para los que estamos empezando muchas gracias

[@davidalbertoquispemiranda1074]

alguien más tiene este error? Uncaught ReferenceError: io is not defined at main.js:1

[@MatiasalejandroCuba]

me interesa muchisimo :)

[@megailimitado2417]

porque estas en linux no puedes ponerlo en windows o es lo mismo hacerlo saludos desde Espana

Ste niu xd

[@yanquielarangogomez5384]

Un buen curso pero no me funciona, no se envian los mensaje y el socket.io

[@reinadorojo]

Coloca luego de "require('socket.io')(80)"

[@yanquielarangogomez5384]

@@reinadorojo voy a intentar hacer eso que tú dices, porque haciendo lo que hace el profe el socket.io no me funciona y me da error en la consola

[@reinadorojo]

@@yanquielarangogomez5384 si socket se ha actualizado y ahora le tienes que poner el 80

[@angelfeliz223]

Uncaught ReferenceError: require is not defined quien me puede ayudar? he buscado en todos los medios posibles y no me sale un buen video ni buscando lo en google

Mira si tienes la última versión de node en tu sistema

[@sebastianechavez1927]

Bro a mi no me reconoce el codigo nodo cuando intento correr el servidor

[@FaztTech]

Recuerda que debes tener instalado Nodejs nodejs.org/en/ despues cierras y abres la consola y ya deberias ver el comando node, ejecutando el siguiente comando: node --version

[@sebastianechavez1927]

@@FaztTech compañero, en Atom que tienes instalado? Yo soy nuevo en esto y estoy intentando hacer eos para un trabajo. No se si me puedes dar una forma de comunicarme contigo, para pedir asesoría con algo y te pago.

[@jonathanelidramirezaranda5762]

alguien me puede ayudar como puedo ejecutar ese proyecto en un hosting ? o Fazt ya tienes algún vídeo para ver lo por favor gracias por tus aportes son muy buenos.

[@FaztTech]

ya grabe uno subiendo esta app, es el cuarto de video, te dejo la playlist -> kzbin.info/aero/PLL0TiOXBeDahUYFcY3nTfzqTsuL0wA1jW

[@jonathanelidramirezaranda5762]

mil gracias..!

[@kantyDarius]

amigo... estoy tratando de hacer este proyecto pero tengo errores constantes de la ubicacion de los archivos socket.io.js... y si ubico los archivos en la carpeta public luego al vincular el navegador no me los encuentra, tengo que añadir "public" a la ruta.... y el socket.io.js directamente no me lo encuentra.... :-(

[@Undersoon]

Solo concatena en app.use(express.static(path.join(__dirname)); si colocas public, el directorio seria public/public, tenia tiempo que no entendia nada de eso hasta ahora.

[@kantyDarius]

Anderson Arévalo gracias viejo.. El problema que tuve fue que me olvidé de - - save cuando instale el socket. Io

[@luisfelipecardona8808]

tienes que ser menos gay

[@alvvoss]

Me dice .listen is not a function

[@FaztTech]

Cual es tu código? 🤔

[@MsEli988]

disculpa amigo tengo un problema al querer instalar nodemon me marca este error npm WARN saveError EPERM: operation not permitted, rename 'C:\xamp p\htdocs\prueba\package.json.1496560522' -> 'C:\xampp\htdocs\prueb a\package.json' npm WARN prueba@1.0.0 No description up to date in 9.163s

[@jethrosiloecruzcastillo42]

tienes que cambiar el nombre del archivo que se especifica en el error por package.json

[@jethrosiloecruzcastillo42]

el archivo es C:\xamp p\htdocs\prueba\package.json.1496560522

[@damito3935]

No me aparece “new user connected”

[@reprogramadorweb6684]

tienes que cancelar la terminal y abrir de nuevo el localhost:3000

[@dbs4604]

Maestro

[@heberjosebaez9081]

11:25

[@MatiasalejandroCuba]

este todavía no tiene nombre de usuarios

[@argus_mg]

Primer comentario.

[@AleX10zam]

SUSCRIBETE MENSAJE SUBLIMINAL!!!xD

[@anthonyeduardonunezcanchar4569]

EN MI CASO APLIQUE ESA SINTAXIS Y ME SALIO EL MENSAJE DE "new user connected" ESPERO QUE LES SIRVA: //MODULES const Http = require('http'); //SETTINGS SERVER app.set('port', process.env.PORT || 4004); const server = Http.createServer(app); const io = socketio().listen(server); //RUN SERVER server.listen(app.get('port'), () => { console.log('Server Running: ', app.get('port')); });

[@AlanAlcolea]

muchas gracias!

[@everything-do9si]

Pésimo

[@faviolavargas2114]

me dice cannot get socket.io/socket.io.js , a la hora de yo escribirlo en la barra del navegador alguien save a que se debe?

[@faviolavargas2114]

me dice cannot get socket.io/socket.io.js , a la hora de yo escribirlo en la barra del navegador alguien save a que se debe?

[@FaztTech]

Esto debe ser un error al escribir el código del servidor, revisa el código de index.js, especificamente de que constante esta ejecutando el metodo listen() Si tienes otra duda te recomiendo unirte al slack: join.slack.com/t/fazt/shared_invite/enQtMjE1MDIxMDI4Mzg4LWQ3OTUxYjgxNzFiZTc3MDQ1MGNmNWQ1OTk0MDVlZmQ4MGNiYWY5ZDgwMDVhZjcyZjE0NmViMjNhOWNiOTEyMTM Allí podras pegar el código y recivir ayuda de otras personas. Un Saludo

[@faviolavargas2114]

gracias ya resolvi ese problemita, luego de que resolviera ese problemita todo estaba funcionando de maravillas hasta gurde una copia del proyecto por siaca y de pronto me muestra en el navegador Cannot GET / :/ lo he movido de mil maneras mi codigo y nada alguna ayuda?

[@FaztTech]

posiblemente te falta la parte de app.use(express.static(...)).

[@faviolavargas2114]

GRACIAS ya pude resolver el problema, tan sencillo habia cambiado la extencion index.html a index.php por vengo del mundo php para aca XD so VOLVI y cambie la extension a index.html . una duda a que se debe ese problemita?