INDEX COURSE 1. Backend, Creating the server: 04:08 2. Mysql Connection using pool: 31:55 3. Views (Template Engine): 53:28 4. Saving Data in Mysql: 01:10:26 5. Retrieving Data from Mysql: 01:17:35 6. Deleting Data from Mysql: 01:33:47 7. Updating Data from Mysql: 01:40:58 8. Connect-flash Messages and Navigation: 01:53:27 9. Users Signup: 02:11:28 10. Users Signin or Login: 02:50:56 11. Protecting Routes from the Server: 03:12:12 12. Personal Data: 03:31:05 INDICE DEL TUTORIAL 1. Backend, Creando el servidor: 04:08 2. Mysql, Conexión: 31:55 3. Views (Template Engine): 53:28 4. Guardar datos en Mysql: 01:10:26 5. Obteniendo Datos desde Mysql: 01:17:35 6. Eliminando Datos de Mysql: 01:33:47 7. Actualizar Datos de Mysql: 01:40:58 8. Mensajes de connect-flash y navegación: 01:53:27 9. Registro de Usuarios en Mysql: 02:11:28 10. Login de Usuarios en Mysql: 02:50:56 11. Protegiendo Rutas del servidor: 03:12:12 12. Datos Privados: 03:31:05
Fazt porque te avientas el videotete? Osea no es una crítica? Pero porque? La duda? Para ti para monetizar no es mejor vídeos cortos? Como los que le dan like/vista/suscripctor creo que también es mejor por vídeos cortos puedo acceder a una parte un tema alguna duda, no se además no sé si pasa a muchos pero cuando alguien ve un vídeo con más de cuatro líneas amarillas (anuncios) en el vídeo da un poco de hueva ver el vídeo a mí me pasa eso , tus vídeos son buenos pero alguien que apenas le entra le dará hueva es pregunta/ sugerencia
@@victorgiovannibeltranrodri1047 concuerdo contigo ..lo mejor seria q lo haga en videos cortos ..a mk tmb me sucede lo mismo con eso de ver un video de 3 horas y ccomo que me da hueva
@@victorgiovannibeltranrodri1047 Creo que da igual y es mucho mejor verlo así. Digo por experiencia... los vídeos cortos me cansan y muchos proyectos prueba no los termino por lo cansón que resulta estar viendo uno por uno los vídeos.
20:53 para los que esten trabajando con common js, el objeto handlebars deben registrarlo como { engine } y no como exphbs, esto es por si les da algun error. Por cierto, muchas gracias fazt por el tutorial!
@@kuroDx Hola Elmer, en efecto, ese mismo error me daba a mi, al parecer han cambiado la sintaxis, porque solo me funciono importandolo como { engine } y usandolo como engine en la funcion. Por cierto, es importante las {} rodeandolo cuando lo importas.
@@PatriotaMex de echo, hasta tiene "minicursos" que son como de 3 horas, de varios frameworks, ahí puedes checar eso de manera general. Si no te basta, entonces busca o compra un curso más profundo.
@@PatriotaMex pues es obvio, no es como te vaya a enseñar a usar MySQL, Javascript, CSS, Bootstrat4 y el resto de tecnologías con todas las bases en un solo video de 3 horas. ._.
@@camiloandresruizbernal6758 eso es obvio mi retraído amigo, yo me refiero a las configuraciones del tema principal que es la configuración de los archivos de nodejs, solamente eso.
Si alguien tiene problemas para cerrar la sesión (3:20:14) lo que pasa es que la función logout cambio y ahora es una función asíncrona por lo cual, para que funcione debe estar algo asi: router.get("/logout", (req, res, next) => { req.logOut(req.user, err => { if(err) return next(err); res.redirect("/signin"); }); });
"ok, y asi hemos terminado nuestra aplicacion del dia de hoy", yo llevo dos semanas! jajaja pero al fin, termine!; muchas gracias @fazt por este curso, estuvo genial
yo me tome 3 casi 4 semanas!! mas de una vez toco revisar todo el codigo por que se iba una coma donde iba punto y cosas asi pequeñas que me jodian toda la app!!
Este y unos cuantos programadores más merecen todo lo bueno que haya en el mundo, la forma en que transmiten su conocimiento sin ningún compromiso y enseñan al resto de personas que inician en este mundo de la programación, es de admirar. Muchas gracias por tus grandes aportes!!
Genial, impecable forma de enseñar. De verdad, muchas gracias por tan excelente tutorial! Algo necesario sería evitar que un nuevo usuario se registre con el mismo username de otro usuario. Esto se puede prevenir con dos cambios, que coloco aquí en caso de que puedan servir de utilidad a alguien más: En mysql: USE database_links; ALTER TABLE users ADD CONSTRAINT user_info UNIQUE (username); Si alguien intenta registrar un username que ya existe, entonces se genera un error 'ER_DUP_ENTRY', que se puede manejar así: Dentro del archivo lib/passport.hbs , en lugar de newUser.password = await helpers.encryptPassword(password); const result = await pool.query('INSERT INTO users SET ?', [newUser]); console.log('The database New User insertion results in: ', result); newUser.id = result.insertId; return done(null, newUser); se coloca este try-catch: try { newUser.password = await helpers.encryptPassword(password); const result = await pool.query('INSERT INTO users SET ?', [newUser]); console.log('The database New User insertion results in: ', result); newUser.id = result.insertId; return done(null, newUser); } catch (err) { if (err.code === 'ER_DUP_ENTRY') { return done(null, false, req.flash('message', 'The Username that you selected is already in use, please choose a different Username')); } }
Estoy aprendiendo programacion por mi cuenta (sin universidad ni profesores), soy una principiante que tiene conocimientos basicos de JavaScript y que ni siquiera conoce del todo la tecnologia nodejs, sin embargo, me animo a aventurarme con proyectos como estos porque siento que logro crecer mejor y de forma mas direccionada. Gracias por tus grandes tutoriales tan geniales, seria genial que hicieras un video acerca de como aprendes la programacion y de donde obtienes fuente de conocimiento para adquirir tales conocimientos y especializarte tan bien. Excelente canal y muchas gracias por todo!
yo estoy en un instituto y tambien hago proyectos asi con youtube , de echo diria q manejas asi con proyectos de la vida real y asi vas mas practicando ✌✌
excelente vídeo, no se como hace para tener en mente tantos lenguajes es un duro... si alguien esta en windows y no le carga el comando mysql en la carpeta del proyecto, solo tiene que modificar las variables del sistema y agregar en las variables de entorno la ruta de mysql por lo general es C:\Program Files\MySQL\MySQL Server 8.0\bin. tal vez le sirva a alguien...a demas si tienes otras instancias en la base de datos u otros esquemas "schemas" verificar bien el puerto port: y el password.
Yo sinceramente me alegro contigo. La manera como explicas y compartes tu conocimiento. Consigo aprender todo lo que explicas. Tus clases tienen un nivel alto ... Congratulations brother. Muito obrigado !
Increíble. Como agradecerte Fazt. Eres increíble. Ninguna plataforma de programación paga es mejor que este canal. Aquí se aprende de verdad. Muchas gracias. Cuando empiece a ganar dinero te prometo que te voy a donar algo en forma de agradecimiento. Saludos
nono, sos el tipo mas genio que conoci en youtube!! lo que me salvaste esta ultima semana con estos proyectos con node y express, no te das una idea, nuevo suscriptor y futuro recomendador de tu canal!! tremendo trabajo! y gracias por compartir todos tus conocimientos!
Muy buen tutorial, me agrada que no eliminas los pequeños errores que pueden surgir durante el desarrollo, lo hace ver mucho más real y puedes ver cómo se solucionan los problemas revisando la documentación.
primero quiero darte las gracias por este magnifico tutorial.....Tengo 35 años y deje el oficio de programador por otra rama de ingeniería, y por cosas de la vida e regresado a esto, y estoy aprendiendo a la par java con spring boot y nodejs-express y solo puedo decir oh boy!!!! las cosas han cambiado mucho. Lo mas difícil de trabajar con spring y nodejs es la configuración de tu zona de trabajo en realidad me perdí mucho en eso.
Te amo Fazt, literalmente siento cariño por vos después de tantas horas de mi vida invertidas en tus videos jaja. Saludos y gracias. Por otro lado me gustaría consultar tu distro de linux y si tienes algún video con tus config o "customización" del mismo. Felices fiestas!
xD Gracias, esta distro se llama Linux Lite, esta basada en Ubuntu, asi que puedes hacer todo lo de allí, pero esta distro consume muchos menos, así que para desarrollo me gusta mucho, sobre todo cuando ejecutas muchos programas a la vez, editores, maquinas virtuales, IDEs, transpiladores y demas. Creo que seria una buena idea crear un video explicando como configuro una distro nueva :)
amigo una pregunta estoy en windows y siempre tengo problemas con la consola cuando pongo mysql no me reconoce apesar de que tengo instalado xampp y tambien mysql como lo hiciste ayuda
Hola @@MiguelBaena5 No explicas cuál es el problema con mysql. Pero sospecho, revisaste las variables de entorno. Debes agregar, la ruta de mysql, a las variables de entorno. Revisa eso. Saludos.
Quiero felicitarte por lo ordenado que trabajas. La excelente memoria que tienes. Eres demasiado bueno programando, en mucho tiempo que tengo tratando de aprender específicamente lo que has puesto aquí, que considero el mejor video que he visto hasta los momentos, porque vas al grano sin titubeos y con total conocimiento y propiedad. De verdad me quito el sombrero ante su maestría.
5 лет назад
Excelente Fazt, siempre algo nuevo, ahora ( Nodejs y Mysql ), juntos, jejeje, eres super. Muchas gracias por compartir estos conocimientos y tu forma de explicar tan buena que entendemos de forma simple. Muchas gracias. y Feliz Noche buena. Muchas cosas buenas para ti.
Muchas gracias por compartir tu conocimiento! He aprendido un montón con este tutorial, muy bien explicado y muy completa la app. Además, 100% práctico, ideal para quienes saben programar pero no conocen NODE. Recomendadísimo! Saludos y sigue así!
Amigo eres el mejor y sin bromas, yo he visto muchos programadores haciendo Videos pero como tu ninguno, tienes una forma de explicarlo muy bien y detallado. La verdad es que tendrías que ganar dinero por esto. Un saludo desde Kassel (el país de las patatas)
Tuve algunas dificultades con la implementación de la librería connect-flash. Seguramente es por actualizaciones. La solución la encontré en ChatGPT, le pasé contexto (el bloque de código completo, descripción del error, etc) y me resolvió el problema en 3 pasos. Gracias totales Fazt!
La verdad que este proyecto es completísimo. Ir pausando, anotando, buscando más sobre lo que vas mostrando, me sumó muchísimo para entender un poquito más este tema de la progamación web. Gracias!
Para todos los que les paso el error 'TypeError: exphbs is not a function' lo único que tienes que hacer es cambiar la linea de código donde se importo el "express-handlebars" cambiarla por esta "const { engine } = require('express-handlebars');" (sin las comillas) y seguido cambiar en el 'app.engine' cambiar el 'exphbs' por 'engine'
En las mismas, lo solucione con ponerle "=>" , pero mas adelante es imposible continuar ya que en ''links'' ya no deja realizar el render de platilla. Gracias @Ryan Navarro
Sos el mejor ser humano que pisó este canal jajaaj llevaba buscando muchísimo y no encontraba la forma, hasta intenté cambiar de motor de plantillas pero nada, ¡GRACIAS!
Eres un gran desarrollador. Personas como tu merece que las personas que visitan tu canal y valoren tu trabajo aporten un poco de tu tiempo convertido en dinero, esta app que creaste usando tecnologia open source es maravillosa. Implica muchos temas complejos...
A los que tengan problemas con ECONNREFUSED, hay muchas razones por las que el código en este tutorial podría fallar, yo lo resolví agregando el puerto de mysql, el default es 3306 pero en mi caso el puerto era 3307 cuando lo consulté en mi interfaz, una vez que lo agregué, ya se conectaba sin problemas. Esto lo agregas en el archivo keys, donde está la información para acceder a la base de datos.
2023. Todo funcionando correctamente, me sorprende que a pesar de que este tutorial se haya subido en 2018 el código aun funcione, claro se me presentaron varios errores pero los logre solucionar (sin cambiar tanto el código) y llegar al final del tutorial. Fazt, Gracias a tus videos e aprendido muchas cosas, sigue así que me gustaría seguir aprendiendo con tus tutoriales.
Mi primera vez en este canal, y es increíble lo fácil que resulta entender cada concepto aplicado en esta app, personalmente utilicé y adapté esto para el proyecto de un cliente y fue el único video que tuve que ver para desarrollarla por completo.
2:02:38 Si alguien tiene problemas para implementar el boton de cerrar, hasta la fecha en bootstrap 5 es asi En la doc de bootstrap dice q el atributo es data-dismiss, pero a mi me funciono con data-bs-dismiss
profesor, de esta misma manera es que nos gustaría que nos explicaras de manera muy sencilla y basico, los framework ya sea React, Vuejs, Angular y no siempre crear un crud y listo. osea crear un crud no es que este mal si no que hace falta 2 temas muy importante aparte de un crud y es crear un login y Proteger Rutas del servidor. a cuantos nos no hubieras gustado mas, en esos cursos que tiene que explica los stack de MEVN, MERN, MEAN, si le hubieras añadido estos 2 temas el del login y proteger rutas hubieras sido el curso perfecto. por que crear una aplicación web sea con cualquiera stack siempre va tener login, y protección de rutas y crud. Ojala lo tengas en cuenta para proximos tutoriales cuando quieras explicar algun stack. que aparte de explicarnos a crear un crud ahi mismo también nos explique a crear login y proteger rutas. se lo agradecería mucho
Mis suscripciones me sobran en una mano, pero por la grandeza de tus cursos, tu manera de explicar, yendo directamente a los temas sin marear a la gente, tu eres una de mis suscripciones. Excelente, de más de 30 cursos que he visto, no hay duda que los tuyos son los mejores CON DIFERENCIA!!
Para error en min 20:50 En lugar de requerir handlebars de la forma: - const exphbs = require('express-handlebars'); Tenes que hacerlo de la forma: -const {engine} = require('express-handlebars'); Y despues cuando configuras el motor en app.engine pone: app.engine('.hbs', engine({ (y aca pones toda la configuracion del motor que esta en el video) }));
para todos los que sigan el video al momento de importar el modulo express-mysql-session la linea para que funcione deben colocarla asi const MySQLStore = require("express-mysql-session")(session);
llevo medio día y por fin me sale "hola mundo" muy bueno el vídeo, me gusta cuando empiezas algo y lo dejas terminado, sin importar el tiempo que te tardes.
Si a alguien le aparece el error ER_NOT_SUPPORTED_AUTH_MODE Es muy probable que la versión del MySQL sea 8.0 y está versión trae un modo de autenticación predeterminado que aún no es compatible con esta biblioteca. Se soluciona de la siguiente forma: 1. Vas a MySQL y escribes la siguiente línea de código: ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'escribe la contraseña'; Espero sea de su ayuda 😄
me sale Error: ER_ACCESS_DENIED_ERROR: Access denied for user 'root'@'localhost' (using password: YES), segun lei debo poner eso para cambiar la clave de mysql pero tengo mysql solo en la consola, al intentar poner eso me sale otro error, RROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'BY 'aÑsñ//or2*343s'' at line 1...
@@mesac1988 encontre la solucion y no fue eso xque hasta copie y pegue el codigo, no se bien el xque del error pero tenia sqlServer y mysql instalados, al desinstalar sqlServer y toda su info me anduvo, parece que se interponian los datos op algo asi
Me salvaste la vida, estuve como 2 horas probando otros paquetes como connect-session-sequelize o connect mysql2, porque encima yo no uso el paquete mysql sino mysql2 que es más moderno y seguro y pensaba que eso tenía algo que ver. muchas graciasssssss
Si alguien tuvo problemas al redireccionar al SignIn cuando intentaba entrar al Profile Section, por que la funcion IsAuthenticated is undefined, en el tiempo 03:22:10 . Sugiero cambiar un codigo en el archivo authentication.js cuando creamos la ruta Get '/profile' cambiarla por el siguiente codigo: router.get("/profile", (req, res) => { if (req.user === undefined) { res.redirect("/signin"); } else res.render("profile"); }); Obviamente no creamos la funcion isLoggedIn, si no que esperamos que el req devuelva un usuario (en la comprobacion del If) si no es el caso entonces rendireccionamos a /signin. Espero les sea de utilidad
@Keyver Nieves holas.. sabes tengo un problema con el signin... Los mesajes de error se muestran.. pero cuando pongo bien los datos tanto el usuario y la clave.. me sigue apareciendo clave incorrecta.. :(
@@virginiafredes4744 me parece que estás comparando la contraseña con el Hash que está guardado en la BD, tienes que usar la función compare. No sé si sea tu caso
Puedes configurar las variables de entorno para que no se vea tu base de datos en el código y mas importante, manejar los errores. Ya si lo consideras necesario puedes usar transacciones en las rutas por si quieres usar el ejemplo como molde para tu propio proyecto.
Impresionante tutorial. Varias veces tuve que revisar si la velocidad de reproducción del video no estaba al 1.5x o 2x, muy muy ágil el ritmo. Cada minuto se me hacía como 5 en lo que entendía y codificaba, pero vale mucho la pena. Felicidades por ese entusiasmo @Fazt. Sería un tutorial completamente redondo si hubieras incluido el deployment en un server, pero de cualquier forma, excelente tu trabajo y dedicación.
amigo una pregunta estoy en windows y siempre tengo problemas con la consola cuando pongo mysql no me reconoce apesar de que tengo instalado xampp y tambien mysql como lo hiciste ayuda
Gente! Aca 2023! Tuve muchos problemas a la hora de seguir este magnífico tutorial ya que muchos módulos cambiar.. pero luego de tanto buscar pude encontrar todas las soluciones!! Así que si tienen dudas pregunten! Gracias fatz!
hola bro, como hiciste en el final con el user_id, por que yo lo hice tal cual, me permite agregar el link con total normalidad, pero cuando voy a "All links" no me muestra nada, como si no tuviera, y en realidad están creados en la base de datos.
1:31:37 Cuidado con el campo "created_at timestamp NOT NULL DEFAULT current_timestamp" generado automático desde base de datos. Ya estando en producción, el servidor tomará su propia fecha, que no necesariamente coincidirá con la del usuario, y por lo cual el timeago mostrará datos incorrectos. Lo ideal sería tomar la fecha que tiene el cliente al momento de la creación del registro.
@@davinchocamaron646 En el 1:14:45 habría que crear una variable que almacene la fecha y hora del usuario usando new Date(), y luego agregarla al objeto newLink. Algo así: const {title, url, description} = req.body; const created_at = new Date(); const newLink = { title, url, description,created_at, user_id: req.user.id };
Fazt me llevas a otro nivel men. Gracias, bro. No suelo hacerlo, pero debo hacerlo. Aun en este año y todo sirve, hay que leer algunos documentos que han actualizado o los comentarios. Gracias
Excelente vídeo. Sin desperdicio cada minuto. Ágil, excelentemente explicado. Entre sin saber nada de nodejs y ya tengo una aplicación base completa y funcional.
eso esta interesante para aventurarte de manera autodidacta, no es tan distinto de esto. Te lo recomiendo, eso hice yo y aprendes mas solo, una vez que tienes una base como la de este video que siguiendo videos tutoriales para cada cosa que quieres hacer
@@luisdavidecheverria8281 Osea en ves de llamar a las vistas de los archivos handlebars, llamo a las vistas de los archivos que están dentro de la carpeta con el front en react ?
@@lionelojeda2593 tiens que instalar cors, y abrir en un puerto diferente el react y en otro le servidor, mirate el reciente video de fazt donde hace el stack MERN
Tengo un problema con la vista profile.hbs, cuando añado {{user.fullname}} o {{user.username}} no me lo muestra por pantalla en la vista /profile, lo he puesto en las variables globales pero nada. ¿Llevo unas 4 horas intentando ver cuál es el error, pero aparentemente está todo bien, alguien me podría ayuda? Gracias.
En el archivo index.js asegurate de que las lineas "app.use(passport.initialize());" y "app.use(passport.session());" esten en la sección de "Middlewares", o sea antes de la sección de "//global variables", que es donde se encuentra esta linea: "app.locals.user = req.user;"
@@ThePablocaleb En el archivo index.js asegurate de que las lineas "app.use(passport.initialize());" y "app.use(passport.session());" esten en la sección de "Middlewares", o sea antes de la sección de "//global variables", que es donde se encuentra esta linea: "app.locals.user = req.user;"
@@cristianjaimes9951 si bro, la única solución fue empezar todo desde el inicio y me di cuenta de algunos errores que había cometido en el código, también había instalado el NodoJS LTD y no el Actual por lo que me toco instalar de nuevo el NodoJS. Saludos!
Nunca antes vi completo un video tan largo en YT! jaja... De principio a fin, excelentes explicaciones y mucha información. A veces tenia que poner la velocidad a 0.75 para seguirte pero igual me gustó mucho. Seguiré más tutoriales tuyos! Gracias por el enorme esfuerzo! Like y Suscripto!
Estoy en la misma situación, parece que la función pool.query( [lenguaje sql], callback function) necesita afuerzas una funcion callback... definir en caso de error
@@elbrusbaskaev483 alguien pregunto en stackoverflow, y le respondieron bien. Hice lo que indicaron y funcionó todo, mas no entiendo bien la cuestion de las promesas. es.stackoverflow.com/questions/266927/error-en-almacenar-datos-con-mysql-y-node-js?newreg=02f0dbad8ecb48b08498a79e01aeb3b7
TE AMOOOOOOOOOOOO, pude hacer mi aplicacion usando oracle en vez de mysql y me salte los comentarios flash, por que son de mysql, y todo lo demas me fue de perlas, aunque si me arrojaba un error al momento de guardar datos en la sesion, eso lo resolvi importando unas cookies y creando mas arriba de app.use(session()); otra sesion que es la misma que el hizo donde esta guardando secret, resave y saveUnitialized
Llevo SEMANAS buscando un tutorial que me sirva y encontré el adecuado, vieras que chingón se sintió que mandara datos correctamente a la bd :'DD ERES EL MEJOR!!! Un cálido abrazo desde México, amigo.
Muy bien Fazt. Excelente trabajo. Tienes muy buen conocimiento de estas herramintas. Felicitaciones.Muchas gracias por compartirlo. Que avances continuamente y logres TODO lo que quieras. Eso te lo devuelve la Vida por compartir.
luego de un mes recien terminé el video XD bueno fui viendo el video y lo iba modificando a un sistema de examenes (como trabajo final de la universidad) donde hay profesores, estudiantes, los profesores pueden crear preguntas y los estudiantes pueden tomar examen, la verdad que sin tu video hubiera sido imposible avanzar por mi cuenta, por ese detalle te agradezco. Orgullo Peruano FAZT
Fantastico, muchas gracias por este video me ha ayudado mucho a comprender como funcionan estas tecnologias, ademas me ha animado a extrapolar esta app para mis cosas con vue. Muchas gracias.
gracias por hacer estas cosas......estoy aprendiendo y me estoy dando cuenta que lo que mas quiero hacer Muchas gracias!!!!!!!! Un saludo y sigue así enseñando!!!!