En el minuto 49:40, Fazt utiliza un callback dentro de Model.find(). Esto se cambió desde la versión v5.0.0. Ahora si quisieras hacer esto mismo deberías utilizar .then y .catch. Por lo que debes reemplazar esto: ''' Task.find((err, tasks) => { console.log(tasks) }); ''' Por esto otro: ''' Task.find({}) .then(tasks => console.log(tasks)) .catch(err => console.error(err)); '''
Genial este video! No tiene desperdicio. Son muchas tecnologías implicadas, es difícil encontrar material de este nivel donde armen todo el rompecabezas, y todo funcione tan bien y fluido. Muchas gracias por compartir tu trabajo.
En el minuto 45:20 para los que realizan el tutorial a la presente fecha (MongoDB 4.2.2) les aparecerá DeprecationWarnings (advertencias de deprecación), eso se debe a que se emplean métodos de versión anterior. A pesar de que sigue funcionando el server, puede resultar molesto. Para resolverlo en el database.js en las líneas correspondientes a mongoose debe ir esto: mongoose .connect(URI, { useNewUrlParser: true, useUnifiedTopology: true }) .then(db => console.log("DB is connected")) .catch(err => console.error(err)); Saludos. P.d.: Gracias Fazt por tus grandiosos videos!
Muchas gracias ! Había estado procrastinando en la universidad cómo por un año porque mis amigos hacían todo y ahora que estoy sólo necesito hacer un proyecto integrador web y móvil. Esta introducción me ha servido un montón, en verdad, comprendí todo sin problemas. Ahora voy con el mern con context api para actualizarme y darle al proyecto cómo es! Muchas gracias Fazt!
He seguido cursos anteriormente en plataformas de pago como Pluralsight, pero ninguno le llega a la suela de los zapatos de los tuyos. Son claros y concisos, no te andas por las ramas y fáciles de seguir. Enhorabuena por el canal, si sigues así vas a tener un éxito enorme!
yo vengo del clasico php (servidor) javascript (funciones y demases) css y html5 (frontend), y me encontre con mern y mean un dia, buscando un monton de tutoriales me encuentro con este, y te felicito, realmente bueno, la explicacion 10/10
Vengo de lo mismo apenas, te puedo decir es que esta muy bien explicado ya solo queda analizar bien algunos conceptos todo esta prefecto la bronca que muchas veces los desarrolladores que venimos de lo que comentas tenemos no todos vicios muy cabrones algunos tienen un código ensalada muy carbón y están ya acostumbrados de esa manera y ahorita ya descubriendo ese mundo de Mearn es difícil cambiarse el chip de una manera de trabajar a otra y es acostumbrarse y empezar a migrar proyectos para empezar a entender el por que conviene trabajar de esta manera , muchas veces hacer entender a los clientes que los cambios llevan un proceso de desarrollo, y la verdad es donde esta el dinero actualmente.
@@albertoguapo17 ya llevo algunos años programando, y hoy en dia me fijo mucho en las buenas prácticas, si veo algun codigo mal hecho, un parámetro mal definido, una estructura de archivos y carpetas desordenados, etc. simplemente no sigo con el tutorial o guia. ps: el paradigma hoy en día está cambiando, angular se vino con todo, react sigue siendo lo más utilizado a nivel mundial, pero angular le está pisando los talones
@@NicolasSilvaVasault así debe de ser yo creo que si trabajaras en la compañía que estoy actualmente ya tendrías conflictos con el Gerente de desarrollo como yo estoy manteniendo código ensalada y ps yo también me gusta mejorar pero eso lleva tiempo pero ps este chavo se deja llevar por el ritmo de trabajo donde todo urge y no ponen un alto en ese aspecto entonces todo se va al chingadazo una de las razones que ya me estoy metiendo en otras cosas por mi cuenta por qué quiero estar en un trabajo donde se trabaje con orden y más que nada para yo estar al día
Genial,,, lo mejor de tus cursos que funcionan de verdad y son muy explícitos, además, lo mas grande de todo es que lo hagas de forma gratuita, gracias por compartir tus conocimientos, Eres grande.!!!
Normalmente no posteo ninguna opinion, pero la verdad es que me tomo tanto tiempo encontrar el error que me produjo la conexion a la base de datos en el minuto 41:51 que me decidi a postearlo para que otros no pasaran lo mismo que yo y para que usted tambien pudiera hacer algun comentario acerca de ello, ya sea enmendando el video o poniendo una nota o fe de errata en las notas del video. Quiero destacar que su curso me parece muy completo, que sabe explicar muy bien y que por eso he aprendido muchisimas cosas y repasado otras muchas mas. Asi que no porque le hable de este error para los usuarios de Windows el curso deja de tener para mi menos valor. La cosa es que tu estas trabajando en un ambiente Linux y explicas solo por arriba como deberia arrancarse MongoDB desde Windows y Mac, pero como nunca lo ejecutas, sino con sudo, pues no te sale el error que a otros si. No se para Mac, pero para Windows halle, no sin mucho trabajo que DEBES NAVEGAR A LA CARPETA BIN DE LA INSTALACION DE MONGODB y EJECUTARLO CON EL COMANDO .\mongod IMPORTANTE: el punto y el backslash. Otra forma de corregir este error en Windows es configurar una ruta (setting path), de esa forma se puede levantar el servidor o hacer cualquier cosa que uno configure desde cualquier ruta. No se exactamente como se hace eso, pero ahi les dejo la pista.
Tuve problemas con otro tutorial enel que se utiliza MongoDB Atlas, no podía conectar por un tema de manejo de errores, pero ahora usé este mismo código que pone Fazt acá, y sólo cambié la url por la de Atlas, y conectó perfectamente. Si alguien quiere usar Atlas puede hacerlo tranquilamente con el código de este video. Muchas gracias Fazt!
Excelente curso. Para Fazt mil gracias, para los que anda buscando un curso de MERN, este video tutorial se puede decir que es los mejor que hay en youtube.
yo buscando info en paginas de full ingles para terminar rapido, y vengo a churiosiar aqui y en 1 hora eh aprendido mas q las 8 horas leyendo , excelente explicacion 10 de 10
Excelente curso, muy bien explicado, he realizado varios cursos y este es uno de los mejores, muchas felicitaciones, ahora con respecto a la conexión mongoose, esta deprecada, ahora creo que se esta ocupando la siguiente: => const URI = 'mongodb://localhost:27017/mern-taks'; (async() => { try { await mongoose.connect(URI, { useNewUrlParser: true, useCreateIndex: true, useUnifiedTopology: true }, (err, res) => { if (err) throw err; console.log('Mongo is ONLINE'); }); } catch (err) { console.log('error: ' + err); } })() en vez de: const URI = 'mongodb://localhost/mern-taks'; // mongoose.connect(URI) // .then(db => console.log('DB is connected')) // .catch(err => console.error(err)); Solo una sugerencia :-)
Gracias :) Te recomiendo ver este otro video que seria como una mejora de este con mas funcionalidades y conceptos: th-cam.com/video/zm5gpipw3HM/w-d-xo.html Para que continúes practicando. Exitos!
@@FaztTech muchísimas gracias, Fazt!. Créeme que por tus videos, Platzi, las documentaciones y las horas sin dormir . Conseguí mis entrevistas de trabajo. Y espero que falte así 👌🏻 para que ya me contraten. Muchas gracias!
que dios o lo que sea que tu concibas como tu poder superior te llene de bendiciones por compartir tan excelente conocimiento, me has enseñado mucho solo con la primera parte y vamos por más!
1:04:33 para los que tengan problemas con el _id a pesar de actualizar la función de findByIdAndUpdate (Yo use 4 datos) A mi me funciono así, no cree un nuevo task sino que un nuevo objeto router.put('/editar/:id', async (req, res) =>{ const { nombre, rut, direccion, cargo } = req.body; let datosForm = {nombre, rut, direccion, cargo}; let id = req.params.id; await Formularios.findByIdAndUpdate({_id:id}, datosForm, {useFindAndModify: false}) .then(() => { res.json({status: 'updated.'}); }) .catch(err => { res.json({status: 'Problem when try update one Task.' + err}); }); });
Para los que tengan problemas en el minuto 01:05:52 yo lo solucione usando Object.assign en vez de instanciar un nuevo Task const { title, description } = req.body; const newTask = Object.assign({ title, description });
Para quien este viendo este video y quiera cambiar mongodb por mysql, es super facil... deben usar la configuracion de coneccion explicada por fazt, con el archivo key para los datos de la base de datos y en database.js la configuracion.. para el crud, en el archivo de las rutas cambiar las lineas tipo const tasks = await Task.find(); de mongodb por "const tasks = await pool.query('SELECT * FROM tasks');" de mysql y por ultimo en el boton de editar, si lo dejan tal cual les dara un arreglo y no el objeto solamente.. deben colocar data[0] para que selecciones solamente el objeto...
Me a gustado mucho este vídeo me a servido para repasar fundamentos de express y la asincronia de node, ahora viene la parte esperada de React. Gracias por compartir tu conocimiento. Que se te multiplique en abundancia. Saludos desde México
Bro justo lo que buscaba!!!! espero en un futuro realices una nueva app, que maneje puede ser ventas, las totalice, muestre reportes mensuales, etc.... eres un crack
Muchas gracias amigo, aprendo mucho gracias a tus vídeos, a mi también me encantaría ver un ejemplo de cómo se trabaja con graphql con react, hazme un hijo
Gracias se ve muy buen material pero la conexión con mongodb no la permitió, tambien miré el otro video de fazt de mongodb pero no se si ha cambiado en el trascurso del tiempo algún comando
Increible! gracias !!! tengo dos consultas por curiosidad....al usar express como servidor, podria por ejemplo dejarlo corriendo en una pc en mi casa y generar el propio hosting que da app ahi mismo de forma publica (me refiero consumible externamente)? y segundo...ese mismo servidor puedo utilizarlo para configurar la API de PayPal o MercadoLibre??
5 ปีที่แล้ว +2
Saludos: Gracias Fazt por compartir tus conocimientos. Actualmente sale esta advertencia (node:5392) DeprecationWarning: current URL string parser is deprecated, and wil l be removed in a future version. To use the new parser, pass option { useNewUrl Parser: true } to MongoClient.connect. Error: Double colon in host identifier y la soluciones haciendo esto mongoose.connect(URI, { useNewUrlParser: true, useUnifiedTopology: true }) .then(db => console.log('La Base de Datos (BD) esta conectada')) .catch(error => console.error(error)); Lo comento, por si esta información le puede servir de utilidad
Super he seguido todo y me ha funcionado muy bien ahora quiero hacer el login y lo que hice fue crear un archivo llamado login.js en la carpeta app para crear la interfaz pero me queda la duda como hacer la lógica de que se habrá primero el login y luego vaya a la aplicación de tareas me puedes recomendar algún video?
buenas tardes saludos a fazt por este gran tutorial encontré también otra solución y agregar también useUnifiedTopology: true quedaría así el cód. mongoose .connect(URI, { useNewUrlParser: true, useUnifiedTopology: true }) .then(db => console.log("DB is connected")) .catch(err => console.error(err));
@espoir inconscient entiendo amigo, pero lo que digo es que si puedo hacer el curso Sabiendo solo HTML5, CSS, JS, es que quiero aprender este tipo de Stack que me recomiendas ? Y gracias por tu ayuda amigo
Hola Fazt. Gracias por tus videos. Te hago una consulta porque no creaste la app de react con el comando? a caso despues no podes buildear y hacerlo compatible con el servidor?
Muchas gracias por el tutorial. Tengo una duda, ¿cómo se manejan las redirecciones en una Single Page Application? ¿Al implementar un login sería un HTML diferente? Gracias nuevamente.
Hola Fazt te felicito por el gran aporte, tengo una duda por que no gestionas el error de la funcion que usa await con un cath? Gracias de antemano y sigue asi master
Hola Fazt, queria consultar de que forma puedes manejar los errores o mensajes del servidor utilizando async y await, porque acostumbro a enviar respuestas de estado en esos callback. Buen video y gracias
Jorge Maureira hola Jorge. Podrías crear un Middleware de express que tan solo capture errores y tendrías que usar un módulo llamado express-promise-router el cual se encarga de capturar errores y dárselo a esos Middleware. O en todo caso utiliza try y catch. See que puede ser algo confuso pero estoy elaborando un vídeo del tema que trataré de subir pronto. Un saludo 😀
Buenísimo el curso. Yo estuve practicando haciendo una app con el express y para actualizar o eliminar elementos de la base de datos y lo hice todo con el método POST. Alguien me puede decir cual es la diferencia entre hacerlo con el método PUT y POST? o DELETE y POST? yo hice todo con POST y me funciono
Genio!! una pregunta. Es muy dificil si tengo que trabajar con imagenes? Queria hacer un estilo de Ecommerce con Firestore pero no se si te permite usar imagenes o solo texto
En el minuto 49:40, Fazt utiliza un callback dentro de Model.find(). Esto se cambió desde la versión v5.0.0. Ahora si quisieras hacer esto mismo deberías utilizar .then y .catch.
Por lo que debes reemplazar esto:
'''
Task.find((err, tasks) => {
console.log(tasks)
});
'''
Por esto otro:
'''
Task.find({})
.then(tasks => console.log(tasks))
.catch(err => console.error(err));
'''
siii. lo vi, ademas de usar el async await
Genial este video! No tiene desperdicio. Son muchas tecnologías implicadas, es difícil encontrar material de este nivel donde armen todo el rompecabezas, y todo funcione tan bien y fluido. Muchas gracias por compartir tu trabajo.
En el minuto 45:20 para los que realizan el tutorial a la presente fecha (MongoDB 4.2.2) les aparecerá DeprecationWarnings (advertencias de deprecación), eso se debe a que se emplean métodos de versión anterior. A pesar de que sigue funcionando el server, puede resultar molesto. Para resolverlo en el database.js en las líneas correspondientes a mongoose debe ir esto:
mongoose
.connect(URI, { useNewUrlParser: true, useUnifiedTopology: true })
.then(db => console.log("DB is connected"))
.catch(err => console.error(err));
Saludos.
P.d.: Gracias Fazt por tus grandiosos videos!
Muchas gracias crack !
Muchas gracias !
Había estado procrastinando en la universidad cómo por un año porque mis amigos hacían todo y ahora que estoy sólo necesito hacer un proyecto integrador web y móvil.
Esta introducción me ha servido un montón, en verdad, comprendí todo sin problemas.
Ahora voy con el mern con context api para actualizarme y darle al proyecto cómo es!
Muchas gracias Fazt!
He seguido cursos anteriormente en plataformas de pago como Pluralsight, pero ninguno le llega a la suela de los zapatos de los tuyos. Son claros y concisos, no te andas por las ramas y fáciles de seguir. Enhorabuena por el canal, si sigues así vas a tener un éxito enorme!
Que habilidad para explicar, resumir y no perder el tiempo en nada. Felicidades.
Que le pasa a esa gente que le da dislike al video. Fazt es un master en esto y explica muy bien, con él aprendí mucho
yo vengo del clasico php (servidor) javascript (funciones y demases) css y html5 (frontend), y me encontre con mern y mean un dia, buscando un monton de tutoriales me encuentro con este, y te felicito, realmente bueno, la explicacion 10/10
Vengo de lo mismo apenas, te puedo decir es que esta muy bien explicado ya solo queda analizar bien algunos conceptos todo esta prefecto la bronca que muchas veces los desarrolladores que venimos de lo que comentas tenemos no todos vicios muy cabrones algunos tienen un código ensalada muy carbón y están ya acostumbrados de esa manera y ahorita ya descubriendo ese mundo de Mearn es difícil cambiarse el chip de una manera de trabajar a otra y es acostumbrarse y empezar a migrar proyectos para empezar a entender el por que conviene trabajar de esta manera , muchas veces hacer entender a los clientes que los cambios llevan un proceso de desarrollo, y la verdad es donde esta el dinero actualmente.
@@albertoguapo17 ya llevo algunos años programando, y hoy en dia me fijo mucho en las buenas prácticas, si veo algun codigo mal hecho, un parámetro mal definido, una estructura de archivos y carpetas desordenados, etc. simplemente no sigo con el tutorial o guia. ps: el paradigma hoy en día está cambiando, angular se vino con todo, react sigue siendo lo más utilizado a nivel mundial, pero angular le está pisando los talones
@@NicolasSilvaVasault así debe de ser yo creo que si trabajaras en la compañía que estoy actualmente ya tendrías conflictos con el Gerente de desarrollo como yo estoy manteniendo código ensalada y ps yo también me gusta mejorar pero eso lleva tiempo pero ps este chavo se deja llevar por el ritmo de trabajo donde todo urge y no ponen un alto en ese aspecto entonces todo se va al chingadazo una de las razones que ya me estoy metiendo en otras cosas por mi cuenta por qué quiero estar en un trabajo donde se trabaje con orden y más que nada para yo estar al día
@@albertoguapo17 jajajaj estoy en la misma situacion
Genial,,, lo mejor de tus cursos que funcionan de verdad y son muy explícitos, además, lo mas grande de todo es que lo hagas de forma gratuita, gracias por compartir tus conocimientos, Eres grande.!!!
Normalmente no posteo ninguna opinion, pero la verdad es que me tomo tanto tiempo encontrar el error que me produjo la conexion a la base de datos en el minuto 41:51 que me decidi a postearlo para que otros no pasaran lo mismo que yo y para que usted tambien pudiera hacer algun comentario acerca de ello, ya sea enmendando el video o poniendo una nota o fe de errata en las notas del video.
Quiero destacar que su curso me parece muy completo, que sabe explicar muy bien y que por eso he aprendido muchisimas cosas y repasado otras muchas mas. Asi que no porque le hable de este error para los usuarios de Windows el curso deja de tener para mi menos valor.
La cosa es que tu estas trabajando en un ambiente Linux y explicas solo por arriba como deberia arrancarse MongoDB desde Windows y Mac, pero como nunca lo ejecutas, sino con sudo, pues no te sale el error que a otros si. No se para Mac, pero para Windows halle, no sin mucho trabajo que DEBES NAVEGAR A LA CARPETA BIN DE LA INSTALACION DE MONGODB y EJECUTARLO CON EL COMANDO .\mongod IMPORTANTE: el punto y el backslash.
Otra forma de corregir este error en Windows es configurar una ruta (setting path), de esa forma se puede levantar el servidor o hacer cualquier cosa que uno configure desde cualquier ruta. No se exactamente como se hace eso, pero ahi les dejo la pista.
Muchas gracias, bro
A mi me funcionó cambiando la palabra localhost por 127.0.0.1 👍
@@danielesparza1292 Gracias, me funciono cambiar por la IP
@@danielesparza1292 gracias! también funciono cambiando la IP 🤙
@@danielesparza1292 el cielo para ti, estaba todo frustrado por ese error jaja, muchas graciass
Tuve problemas con otro tutorial enel que se utiliza MongoDB Atlas, no podía conectar por un tema de manejo de errores, pero ahora usé este mismo código que pone Fazt acá, y sólo cambié la url por la de Atlas, y conectó perfectamente. Si alguien quiere usar Atlas puede hacerlo tranquilamente con el código de este video. Muchas gracias Fazt!
Un curso corto muy práctico considerando que es un stack completo!! 10/10
Todavía está vigente? No tuviste ningún bug??
Excelente curso. Para Fazt mil gracias, para los que anda buscando un curso de MERN, este video tutorial se puede decir que es los mejor que hay en youtube.
brot veo tus videos de estos años y eres un recontra capo bro
TODO LOS video de este tipo son para ayudar a todos los que están programando.... realmente te agradezco mucho tu esfuerzo
yo buscando info en paginas de full ingles para terminar rapido, y vengo a churiosiar aqui y en 1 hora eh aprendido mas q las 8 horas leyendo , excelente explicacion 10 de 10
Excelente curso, muy bien explicado, he realizado varios cursos y este es uno de los mejores, muchas felicitaciones, ahora con respecto a la conexión mongoose, esta deprecada, ahora creo que se esta ocupando la siguiente: =>
const URI = 'mongodb://localhost:27017/mern-taks';
(async() => {
try {
await mongoose.connect(URI, {
useNewUrlParser: true,
useCreateIndex: true,
useUnifiedTopology: true
}, (err, res) => {
if (err) throw err;
console.log('Mongo is ONLINE');
});
} catch (err) {
console.log('error: ' + err);
}
})()
en vez de:
const URI = 'mongodb://localhost/mern-taks';
// mongoose.connect(URI)
// .then(db => console.log('DB is connected'))
// .catch(err => console.error(err));
Solo una sugerencia :-)
Qué pasada cómo explicas. La verdad, de los mejores vídeos que he visto sobre este tema. Muchas gracias por compartirlo.
Joyita de video Fazt ,seria genial verlo actualizado!!! A seguir viendo los demas videos!
El video deberia llamarse "Fullstack en 1 hora".
Magistral.
Muchas gracias.
Todavía está vigente esto??? Pensaba hacerlo
Que buen video lo hice paso a paso y me toco batallar con mil errores de mongodb tuve que usar mongodb atlas porque casi me vuelvo loco
02/07/2022 Todo aún funcionando al 100% :)
Hasta ahora es el mejor tutorial y la explicacion muy detallada! Incrible dedicacion!
Vaya explicación tan increíble! Felicidades, explicas de forma clara y concisa. De los mejores tutoriales que he visto.
Increible lo bien que lo has explicado en tan solo 1 hora. Enhorabuena!
Es demasiado, demasiado, demasiado bueno el contenido que haces Fazt.
Gracias :)
Te recomiendo ver este otro video que seria como una mejora de este con mas funcionalidades y conceptos:
th-cam.com/video/zm5gpipw3HM/w-d-xo.html
Para que continúes practicando. Exitos!
@@FaztTech muchísimas gracias, Fazt!. Créeme que por tus videos, Platzi, las documentaciones y las horas sin dormir . Conseguí mis entrevistas de trabajo. Y espero que falte así 👌🏻 para que ya me contraten. Muchas gracias!
que dios o lo que sea que tu concibas como tu poder superior te llene de bendiciones por compartir tan excelente conocimiento, me has enseñado mucho solo con la primera parte y vamos por más!
1:04:33 para los que tengan problemas con el _id a pesar de actualizar la función de findByIdAndUpdate (Yo use 4 datos)
A mi me funciono así, no cree un nuevo task sino que un nuevo objeto
router.put('/editar/:id', async (req, res) =>{
const { nombre, rut, direccion, cargo } = req.body;
let datosForm = {nombre, rut, direccion, cargo};
let id = req.params.id;
await Formularios.findByIdAndUpdate({_id:id}, datosForm, {useFindAndModify: false})
.then(() => {
res.json({status: 'updated.'});
})
.catch(err => {
res.json({status: 'Problem when try update one Task.' + err});
});
});
Para los que tengan problemas en el minuto 01:05:52 yo lo solucione usando Object.assign en vez de instanciar un nuevo Task
const { title, description } = req.body;
const newTask = Object.assign({ title, description });
me funciona pero me da indefinido al llamarlas sus propiedades.
Que grande! Funcionó
uff lo maximo bro, me reventaste la cabez de informacion pero todo super claro y muy practico....gracias!!!!
es increíble la forma de explicar, keep it up!. new suscriber and follower.
Excelente explicación, no había entendido el porque de las cosas como hasta ahora.
Para quien este viendo este video y quiera cambiar mongodb por mysql, es super facil... deben usar la configuracion de coneccion explicada por fazt, con el archivo key para los datos de la base de datos y en database.js la configuracion.. para el crud, en el archivo de las rutas cambiar las lineas tipo const tasks = await Task.find(); de mongodb por "const tasks = await pool.query('SELECT * FROM tasks');" de mysql y por ultimo en el boton de editar, si lo dejan tal cual les dara un arreglo y no el objeto solamente.. deben colocar data[0] para que selecciones solamente el objeto...
y por ultimo de igual forma para seleccionar cada dato del objeto, colocan por ejemplo id: data[0].id... pero es logico!! ustedes pueden!!!
Me a gustado mucho este vídeo me a servido para repasar fundamentos de express y la asincronia de node, ahora viene la parte esperada de React. Gracias por compartir tu conocimiento. Que se te multiplique en abundancia.
Saludos desde México
La verdad le Felicito a este tipo =)
Hola Fazt, muy buen contenido, se te entiende todo gracias a que explicas cómo funciona y que hace cada línea de código, ;Muchas Gracias :D
Gracias maestro, eres un fenómeno!!!
Bro justo lo que buscaba!!!! espero en un futuro realices una nueva app, que maneje puede ser ventas, las totalice, muestre reportes mensuales, etc.... eres un crack
un tutoral super bueno recomendadisimo
Ya he hecho uno de este stack. Pero me quedaron algunas dudas, espero poder aclararlas aqui. Excelente aporte!
Excelente vídeo mejor explicado imposible.
Haz uno de MERN utilizando React-Redux y React-bootstrap. No se un Blog o aún mejor con un loading para el registro de Users. Haz más vídeos de React
Muy buen video, todos los temas son explicados de manera clara y concisa. Lo recomiendo
Excelente tutorial, sería interesante agregar login y autenticación para este stack
Muy bien Fazt. Muchas gracias
Fazt podrías hacer curso MERN donde cambies MongoDB por MySQL. Saludos, sos el mejor
si porfavor!!!
ya no sería MERN xd
@@ricardoolivaresventura4603 Nominalmente seguiria llamandose el stack MERN por la M de MySQL xD
Dios bendiga a fatz ❤
Muy buen tutorial. Sigo muy de cerca tu canal 👍🏼😎 Excelente!
Gracias Dylan, Un gusto que te sirva el contenido :) Un enorme saludo
Te agradecería mucho que enseñes a gestionar imágenes en MERN, gracias por los vídeos bro
Lo tendré muy en cuenta para futuros vídeos :)
Muchas gracias amigo, aprendo mucho gracias a tus vídeos, a mi también me encantaría ver un ejemplo de cómo se trabaja con graphql con react, hazme un hijo
Habrá vídeo con los cambios en react 18?
Excelente como siempre Fazt!
Excelente tutorial, muy completo, gracias 🙏
Excelente curso. Saludos desde Chile :)
Un curso actualizado de MERN por favor!!
Woww💕 , Gracias encerio, un héroe sin capa, sigue asii!!!
Gracias se ve muy buen material pero la conexión con mongodb no la permitió, tambien miré el otro video de fazt de mongodb pero no se si ha cambiado en el trascurso del tiempo algún comando
Muy bueno para comenzar!
Genial Curso, muchísimas gracias.
Tengo una duda respecto a la creación de la collección tasks, en dónde se genera con ese nombre?
Increible! gracias !!! tengo dos consultas por curiosidad....al usar express como servidor, podria por ejemplo dejarlo corriendo en una pc en mi casa y generar el propio hosting que da app ahi mismo de forma publica (me refiero consumible externamente)? y segundo...ese mismo servidor puedo utilizarlo para configurar la API de PayPal o MercadoLibre??
Saludos: Gracias Fazt por compartir tus conocimientos.
Actualmente sale esta advertencia
(node:5392) DeprecationWarning: current URL string parser is deprecated, and wil
l be removed in a future version. To use the new parser, pass option { useNewUrl
Parser: true } to MongoClient.connect.
Error: Double colon in host identifier
y la soluciones haciendo esto
mongoose.connect(URI, { useNewUrlParser: true, useUnifiedTopology: true })
.then(db => console.log('La Base de Datos (BD) esta conectada'))
.catch(error => console.error(error));
Lo comento, por si esta información le puede servir de utilidad
Genioo!! funciono!
Gracias por tus vídeos, he aprendido mucho. Tengo una consulta, tienes un vídeo donde se desarrolle una app de múltiples páginas con react? Gracias
Super he seguido todo y me ha funcionado muy bien ahora quiero hacer el login y lo que hice fue crear un archivo llamado login.js en la carpeta app para crear la interfaz pero me queda la duda como hacer la lógica de que se habrá primero el login y luego vaya a la aplicación de tareas me puedes recomendar algún video?
Sera posible algun tutorial con este stack pero usando GraphQL con Apollo? Gracias por tus videos :)
Lo Apunto, para un actualización en un futuro video :)
@@FaztTech por favor!!!! Queremos ésta actualización
Necesitamos esa actulización con graphql fazt
Realmente la necesitamos @Fazt
Muy buen video, gracias!!
Lo Ame!
Yo soy bien ateo , pero que dios te bendiga amigo :D jaja explicado a la perfección, muchas gracias
eres el mejor fazt. Saludos
Amigo, muy bueno este tutorial! !! ! ! !
Hola Fazt, 😊 te agradezco un curso de vue.js con bulma como proyecto un bonito landing.🤗
no me agradezcas aún, ni siquiera lo he echo, pero es una buena idea para un proyecto futuro ;)
Excelente video!!!!
excelente tutorial.
Excelente, gracias por compartir
Eres el dios de los boilerplates.
Loco gracias loco me gustaria saber si esta arquitectura es la mejor o podria existir otra?
buenas tardes saludos a fazt por este gran tutorial encontré también otra solución y agregar también useUnifiedTopology: true
quedaría así el cód.
mongoose
.connect(URI, {
useNewUrlParser: true,
useUnifiedTopology: true
})
.then(db => console.log("DB is connected"))
.catch(err => console.error(err));
Soy nuevo tengo conocimientos en HTML y CSS. algo de JS pero que tanto debo aprender de todas las tecnologias?
@espoir inconscient entiendo amigo, pero lo que digo es que si puedo hacer el curso Sabiendo solo HTML5, CSS, JS, es que quiero aprender este tipo de Stack que me recomiendas ? Y gracias por tu ayuda amigo
@@joseluismartinez2353 si pana si puedes. Practica mucho
me gustaria ver un tema importante middleware usando El Stack MERN
Hola Fazt. Gracias por tus videos. Te hago una consulta porque no creaste la app de react con el comando? a caso despues no podes buildear y hacerlo compatible con el servidor?
excelente tutorial, gracias por compartirlo
hola fazt, tienes algun video de como se hace el tema del login y autentificacion en MERN
min 35:00 habla de front y estaticos
Excelente video... cuando haras un tutorial de MERN con Redux y GraphQL?
excelente video, gracias por el aporte
Muchas gracias por el tutorial. Tengo una duda, ¿cómo se manejan las redirecciones en una Single Page Application? ¿Al implementar un login sería un HTML diferente? Gracias nuevamente.
Tengo una duda, si quisiera que me muestra X componente en la ruta /otraruta como podria hacerlo? utilizo react routing? agradeceria rta
fazt te rifas papu
una pregunta fazt como cambiaste de color tu cli ? en el visual codde?
Excelente video, hay en tus planes un video para elaborar un login en react?
es un ejemplo bastante pedido, así que Sí :)
Fazt Que genial, se aprecia tu contenido amigo, enhorabuena
Hola Fazt te felicito por el gran aporte, tengo una duda por que no gestionas el error de la funcion que usa await con un cath?
Gracias de antemano y sigue asi master
En que orden se debe estudiar el MERN Stack? primero React?, primero Node.js? o todos al mismo tiempo?
Lo ideal sería estudiar al mismo tiempo React y Node Js.
Te pasaste a VS Code :). Fazt implementa un login
Es una Buena Idea
Hola Fazt, queria consultar de que forma puedes manejar los errores o mensajes del servidor utilizando async y await, porque acostumbro a enviar respuestas de estado en esos callback. Buen video y gracias
Jorge Maureira hola Jorge. Podrías crear un Middleware de express que tan solo capture errores y tendrías que usar un módulo llamado express-promise-router el cual se encarga de capturar errores y dárselo a esos Middleware. O en todo caso utiliza try y catch. See que puede ser algo confuso pero estoy elaborando un vídeo del tema que trataré de subir pronto. Un saludo 😀
Fazt , muchas gracias por la pronta respuesta, no había pensado usar el try catch, y veré sobre ese módulo.
hey fazts puedes hacer un mini curso de react con firebase cloud functions and stripe ?
Albert Mars th-cam.com/video/WeABVtYYFaw/w-d-xo.html
Lo tendré muy en cuenta :)
El stack MEON
Buenísimo el curso. Yo estuve practicando haciendo una app con el express y para actualizar o eliminar elementos de la base de datos y lo hice todo con el método POST. Alguien me puede decir cual es la diferencia entre hacerlo con el método PUT y POST? o DELETE y POST? yo hice todo con POST y me funciono
Muchas gracias. Como siempre ESPECTACULAR!!!
Genio!! una pregunta. Es muy dificil si tengo que trabajar con imagenes? Queria hacer un estilo de Ecommerce con Firestore pero no se si te permite usar imagenes o solo texto
Super tutorial. Thanks a lot!
Excelente!!! y me subscribo!
Oh primer comentario 😁😁 saludos desde Mèxico
Saludos Brayan :)