Nodejs y Mysql, Aplicación Completa (Login, Registro, CRUD, ES6+ y Más )

Поделиться
HTML-код
  • Опубликовано: 20 дек 2018
  • Aprende a crear una aplicación web Backend y Frontend, utilizando Nodejs, Mysql, Express y otras tecnologías de Javascript. En este ejemplo crearemos una aplicacion de Enlaces, que sera un CRUD de nodejs, más un Login y Registro utilizando Mysql, ademas de proteger nuestras rutas del servidor y estilizar nuestra aplicación con CSS, Bootstrap4, y Handlebars.
    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
    CÓDIGO FINAL:
    github.com/FaztTech/nodejs-my...
    CURSO DE JAVASCRIPT
    • Curso Javascript para ...
    CURSO DE NODEJS
    • Nodejs Curso Desde Cer...
    MAS EJEMPLOS DE JAVASCRIPT ORIENTADO A OBJETOS
    • Aplicación de Producto...
    CURSO DE GIT:
    • Git y Github | Curso P...
    VIDEO DE VSCODE:
    • Visual Studio Code, Ed...
    VISITA MI SITIO WEB PARA MÁS CURSOS Y TUTORIALES
    www.faztweb.com
    blog.faztweb.com
    FAZT CODE - RUclips:
    / @faztcode
    TWITTER
    / fazttech
    INSTAGRAM
    / fazttech
    FACEBOOK
    / fazttech
    COMUNIDAD EN DISCORD
    / discord
    #javascript #nodejs #mysql #bootstrap4 #expressjs #handlebars
    #crud

Комментарии • 1,2 тыс.

  • @FaztTech
    @FaztTech  5 лет назад +211

    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

    • @victorgiovannibeltranrodri1047
      @victorgiovannibeltranrodri1047 5 лет назад +3

      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

    • @ricardotovar4597
      @ricardotovar4597 5 лет назад

      @@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

    • @lindltaylor4093
      @lindltaylor4093 5 лет назад +5

      se puso rudo el input type URL XD

    • @wilmergaleano7465
      @wilmergaleano7465 5 лет назад +18

      @@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.

    • @Alejandro-gg7oz
      @Alejandro-gg7oz 5 лет назад +10

      Que crac, que grande se aprende mucho más que en la universidad

  • @ernestoalonso5565
    @ernestoalonso5565 2 года назад +106

    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
      @kuroDx 2 года назад +3

      a mi me sale este error "TypeError: exphbs is not a function" si lo cambio como engine sigue saliendo. sabras que es bro?

    • @ernestoalonso5565
      @ernestoalonso5565 2 года назад +9

      @@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.

    • @kuroDx
      @kuroDx 2 года назад +3

      @@ernestoalonso5565 muchas gracias!!!! Si era éso. Lo cambie con los { } y ya funciona bien.

    • @pr4zka
      @pr4zka 2 года назад +4

      jaja todos tuvimos ese erorr. Gracias bro!!

    • @gd7s.a.s.381
      @gd7s.a.s.381 2 года назад

      Podrías agregar la sintaxis please!!??

  • @luisma0330
    @luisma0330 2 года назад +57

    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");
    });
    });

  • @carlosnunez580
    @carlosnunez580 5 лет назад +265

    He visto canales de programación, pero tengo por seguro que este es el MEJOR! Explicas cosas que otros canales no lo hacen... Sigue así men!!

    • @PatriotaMex
      @PatriotaMex 4 года назад

      Claro que no. No explica muchas de las configuración por que se hacen de tal o cual manera...

    • @OFISPOT
      @OFISPOT 4 года назад +3

      @@PatriotaMex Investigue. El curso es muy completo !

    • @vic_epsy
      @vic_epsy 4 года назад +4

      @@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.

    • @camiloandresruizbernal6758
      @camiloandresruizbernal6758 3 года назад +2

      @@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. ._.

    • @PatriotaMex
      @PatriotaMex 3 года назад

      @@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.

  • @swyme6612
    @swyme6612 4 года назад +7

    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!!

  • @AndresBenthan
    @AndresBenthan 3 года назад +19

    "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

    • @Chikipencio
      @Chikipencio 3 года назад

      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!!

    • @byson8069
      @byson8069 2 года назад

      Como se llama para darle una observación

  • @lecotte6799
    @lecotte6799 5 лет назад +13

    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 !

  • @EdwardsEvias
    @EdwardsEvias 4 года назад +2

    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.

  • @castillodelgado
    @castillodelgado 2 года назад +3

    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.

  • @cientifica9150
    @cientifica9150 Год назад +6

    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!

    • @user-vw8qv8um7e
      @user-vw8qv8um7e 8 месяцев назад

      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 ✌✌

  •  5 лет назад +29

    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.

    • @0scarDev
      @0scarDev 3 года назад

      solumobil.com

  • @jpnet9087
    @jpnet9087 5 лет назад +2

    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...

  • @OFISPOT
    @OFISPOT 4 года назад

    Tu esfuerzo y toda esa experiencia para transmitir, vale de sobra la pena de cualquier aporte que hagamos los seguidores. Saludos

  • @LudwigMoreno
    @LudwigMoreno 4 года назад +10

    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'));
    }
    }

  • @miguelangelburbano8212
    @miguelangelburbano8212 4 года назад +20

    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.

    • @Ing_Maria
      @Ing_Maria 4 года назад +1

      Cuando voy por el minuto 18:05 me arroga un error de Error: listen EADDRINUSE: address already in use :::4000 en la consola y no me muestra el puerto

    • @0scarDev
      @0scarDev 3 года назад

      solumobil.com

  • @mauroqkjo
    @mauroqkjo 3 года назад

    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!

  • @EduMetal-ok
    @EduMetal-ok 4 года назад

    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.

  • @angelmamberto8312
    @angelmamberto8312 4 года назад +4

    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í!

  • @carlosandressanchez865
    @carlosandressanchez865 3 года назад +4

    Y aun, despues de tanto tiempo, es un excelente video y aprendi muchisimo observandolo, muchas gracias Fazt, por compartir tu conocimiento.

  • @javierItuzaingo
    @javierItuzaingo 4 года назад +1

    Inmejorable tutorial, muy bien el dividirlo en partes, tanto conocimiento metidos en 4 horas es increible. Muchas gracias!!!!!!!!!!!!!!!!!!!

  • @natxo8483
    @natxo8483 2 года назад

    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!!

  • @yonathangutierrez1733
    @yonathangutierrez1733 5 лет назад +300

    Saca patreon mereces que la gente aporte de lo que gana con lo que transmites

  • @kalanzans
    @kalanzans 5 лет назад +3

    Sensacional! Gratitud por su empenho y inteligencia! Saludos desde Brasil! :^)

  • @siradesdbc
    @siradesdbc 4 года назад +1

    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.

  • @yulian.music.
    @yulian.music. 4 года назад

    Te superaste Fazt, ademas de tus conocimientos, añadiste una excelente y dinámica edición al contenido. El index course, algo muy sencillo, es un detalle que se agradece para acceder puntualmente a lo que se desea. Saludos y gracias !!!

  • @giovannygarzonsoto
    @giovannygarzonsoto 5 лет назад +165

    3:45:37 "y asi de sencillo hemos terminado con nuestra aplicacion" asdkjaklsdasld estube un dia entero :'c

  • @a.d.z.5840
    @a.d.z.5840 4 года назад +2

    Eu conheci o canal hoje e já sou fã. Parabéns!

  • @gabrielcastillo2387
    @gabrielcastillo2387 4 года назад

    Muchas gracias Fazt muy buen vídeo aprendí mucho, me demore dos semanas pero igual queda una base para agrandar el proyecto poco a poco, gracias por compartirnos tus conocimientos Dios te bendiga

  • @HeberQuequejana
    @HeberQuequejana 5 лет назад

    Muy buen, canal, lo he recomendado a algunos amigos que están empezando en la programación web

  • @nicketech6348
    @nicketech6348 3 года назад +3

    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

  • @josegallego9093
    @josegallego9093 4 года назад +3

    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)

    • @rodolfogallardo4184
      @rodolfogallardo4184 2 года назад

      de Hector de León no vas a estar hablando! jajajajaja, pero tienes razon en éso

  • @jessblackmore9715
    @jessblackmore9715 5 лет назад

    Eres un ejemplo a seguir amigo muchas gracias por tus aportes y por compartir tu conocimiento haz sido de gran ayuda en mi formación como desarrollador!

  • @ericlb3631
    @ericlb3631 2 года назад

    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.

  • @fedegregori318
    @fedegregori318 5 лет назад +20

    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!

    • @FaztTech
      @FaztTech  5 лет назад +16

      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 :)

    • @fedegregori318
      @fedegregori318 5 лет назад

      @@FaztTech Leí que no soporta UEFI, y ya lo estoy descargado. Veré si puedo hacerlo bootear dual con ElementaryOS y espero no arruinar el disco jaja

    • @MiguelBaena5
      @MiguelBaena5 5 лет назад

      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

    • @ace_3315
      @ace_3315 5 лет назад

      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.

    • @JorgeCaraballo1
      @JorgeCaraballo1 3 года назад

      @@MiguelBaena5 Abandona Windows y métete con GNU/Linux ;-)

  • @snakone
    @snakone 5 лет назад +4

    gracias una vez más Fazt! posiblemente tendré que usar algo así en el futuro!
    PD: 1:06:49 el hombre contra la máquina, el regreso 2

  • @ricardoromo2964
    @ricardoromo2964 5 лет назад

    Estas onfire con estos aportes, te mereces que comparta todos tus videos. El mejor youtuber de programacion aplicada

  • @lixandermolina9366
    @lixandermolina9366 4 года назад

    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.

  • @1qazxsw2010
    @1qazxsw2010 4 года назад +4

    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.

  • @marianocuenca746
    @marianocuenca746 5 лет назад +4

    Te pasas man! Eres el mejor, gracias por todo!

    • @0scarDev
      @0scarDev 3 года назад

      solumobil.com

  • @conradollanos4533
    @conradollanos4533 Год назад

    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!

  • @randomone6143
    @randomone6143 5 лет назад

    Muchas gracias por el curso, lo vi y realice toda la practica en paralelo y es muy didáctico.

  • @colommbiano
    @colommbiano 5 лет назад +3

    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

  • @ryannavarro7531
    @ryannavarro7531 2 года назад +61

    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'

    • @ifanfatcat
      @ifanfatcat 2 года назад +1

      Me salvaste, muchas gracias!

    • @alexalejandrooviedogonzale289
      @alexalejandrooviedogonzale289 2 года назад +1

      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

    • @tjwtb5885
      @tjwtb5885 2 года назад +1

      Andaba atrasado por eso xd jaja muchas gracias

    • @camilogonzalez1100
      @camilogonzalez1100 2 года назад +1

      gracias pa

    • @danielleone7490
      @danielleone7490 2 года назад +1

      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!

  • @yuniordiaz867
    @yuniordiaz867 5 лет назад

    Gracias por compartir tus conocimientos! valen la pena cada uno de los cursos que dictas! felicidades!

  • @manuelvils
    @manuelvils 3 года назад

    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.

  • @larrycaichihuavergara7812
    @larrycaichihuavergara7812 5 лет назад +3

    De verdad muchas gracias Fazt !!

    • @MiguelBaena5
      @MiguelBaena5 5 лет назад

      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

  • @alangaelrojas
    @alangaelrojas 5 лет назад +4

    Alguien también acomodo su libreta, cafe y palomitas para aventarse esta excelente clase? jajajaa
    Excelente Fazt!!

    • @0scarDev
      @0scarDev 3 года назад

      solumobil.com

  • @marcoantoniogonzalezguzman3361
    @marcoantoniogonzalezguzman3361 4 года назад

    Maestro, excelente tutorial y explicación, lo felicito!!, espero siga subiendo mas videos, habemos muchas personas que realmente valoramos su trabajo, felicidades!!

    • @0scarDev
      @0scarDev 3 года назад

      solumobil.com

  • @EdwinRicardoGonzalezLuque
    @EdwinRicardoGonzalezLuque 5 лет назад

    Te felicito, explicas muy bien, tienes mucha paciencia para enseñar. Dios te bendiga. Saludos desde Bogota-Colombia.

  • @educode_
    @educode_ 5 лет назад +4

    Eu sou do Brasil acompanho seus vídeos PF vc poderia fazer mais vídeos sobre mongo dB , parabéns por todos os vídeos e muito obrigado pelo conteúdo

  • @yuryapaza3077
    @yuryapaza3077 5 лет назад +41

    Q buen video fazt, sabes demasiados módulos, podrías enseñarnos a los novatos como saber que modulo y cuando usarlo para crear aplicaciones web

    • @humbertocoldev
      @humbertocoldev 5 лет назад +4

      apoyo este comentario

    • @finonomastropiero4261
      @finonomastropiero4261 4 года назад +1

      almenos, un video de los métodos más utilizados para los modulos más utilizados

    • @osmeig6025
      @osmeig6025 4 года назад +4

      Nunca les contestará. Le copia todo el contenido a otro canal. Dudo sepa programar éste muchacho.

    • @clementedb3712
      @clementedb3712 4 года назад

      @@osmeig6025 a que canal le copia?

    • @osmeig6025
      @osmeig6025 4 года назад

      @@clementedb3712 Traversy Media

  • @parmelota1
    @parmelota1 2 года назад

    Sos un Capo. Pocos tienen la capacidad de enseñar tan claro. Felicitaciones.

  • @gonzalitogonzalez1034
    @gonzalitogonzalez1034 4 года назад +1

    Te felicito, te tomaste casi 4 horas de tu tiempo para ayudarnos.....gracias.

  • @kembertnieves6510
    @kembertnieves6510 5 лет назад +5

    Genial!!! pero no nos olvides a los de MERN XD! saludos

  • @SandraMedina-qe6uw
    @SandraMedina-qe6uw 2 года назад +14

    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 😄

    • @anonymushadow282
      @anonymushadow282 Год назад

      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
      @mesac1988 Год назад

      @@anonymushadow282 amigo tuve el mismo problema y me fije que tenia mal la estructura de el keys.js

    • @anonymushadow282
      @anonymushadow282 Год назад

      @@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

    • @nicolas_stradivarius
      @nicolas_stradivarius Год назад

      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

  • @AlejandroGuerrero
    @AlejandroGuerrero 4 года назад

    MUCHAS GRACIAS por esta MASTERCLASS de MAESTROS!! He tardado 3 días en seguirla, pero he aprendido muchísimo. Gracias infinitas. Saludos desde Madrid.

    • @0scarDev
      @0scarDev 3 года назад

      solumobil.com

  • @esperanzareina5363
    @esperanzareina5363 4 года назад

    Gracias por compartir tus conocimientos. Explicas estupendamente . Me han ayudado muchisimoooo. Eternamente agradecida. Un gran abrazo

  • @frandepaulo
    @frandepaulo Год назад +3

    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

  • @alexpineda1720
    @alexpineda1720 4 года назад

    El mejor video de passport y mysql que existe en español en youtube, muchas gracias

  • @davidadrianuribesoto1830
    @davidadrianuribesoto1830 5 лет назад

    He aprendido muchísimo de este canal y lo he compartido a mis colegas para que tu canal crezca, para mi el mejor de todos, me ha sido muy útil en mi vida profesional. Muchas gracias Fazt por este excelente trabajo que haces.
    PD: Seria excelente que aunque los vídeos se extiendan más, uses React, Angular o Vue para los próximos vídeos, creería que la mayoría vamos a preferir React que un motor de plantillas.
    De nuevo mil gracias y saludos, de verdad espero más vídeos tipo MERN, esperare por ellos jeje.

  • @josepupo8074
    @josepupo8074 10 месяцев назад +5

    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);

    • @nicolasviruel3408
      @nicolasviruel3408 9 месяцев назад +1

      fue la respuesta a mi error!! gracias por compartirlo

    • @Caslini10fran
      @Caslini10fran 4 месяца назад

      GRACIASSS !!!! 2 horas estuve buscando jajaja

    • @valeriadurruty877
      @valeriadurruty877 3 месяца назад

      Hola, en esa parte de express-mysql-sessions, flash y express-sessions, alguien tuvo este error, estuve buscando pero nada:
      node:internal/modules/cjs/loader:1147
      throw err;
      ^
      Error: Cannot find module 'mongodb/node_modules/bson'
      Require stack:
      - D:\Repo\dizziness_syst
      ode_modules\mongoose\lib\drivers
      ode-mongodb-native\objectid.js
      - D:\Repo\dizziness_syst
      ode_modules\mongoose\lib\types\objectid.js
      - D:\Repo\dizziness_syst
      ode_modules\mongoose\lib\utils.js
      - D:\Repo\dizziness_syst
      ode_modules\mongoose\lib\schema.js
      - D:\Repo\dizziness_syst
      ode_modules\mongoose\lib\index.js
      - D:\Repo\dizziness_syst
      ode_modules\mongoose\index.js
      - D:\Repo\dizziness_syst
      ode_modules\express-sessions\index.js
      - D:\Repo\dizziness_syst\src\index.js
      at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)
      at Module._load (node:internal/modules/cjs/loader:985:27)
      at Module.require (node:internal/modules/cjs/loader:1235:19)
      at require (node:internal/modules/helpers:176:18)
      at Object. (D:\Repo\dizziness_syst
      ode_modules\mongoose\lib\drivers
      ode-mongodb-native\objectid.js:8:16)
      at Module._compile (node:internal/modules/cjs/loader:1376:14)
      at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)
      at Module.load (node:internal/modules/cjs/loader:1207:32)
      at Module._load (node:internal/modules/cjs/loader:1023:12)
      at Module.require (node:internal/modules/cjs/loader:1235:19) {
      code: 'MODULE_NOT_FOUND',
      requireStack: [
      'D:\\Repo\\dizziness_syst\
      ode_modules\\mongoose\\lib\\drivers\
      ode-mongodb-native\\objectid.js',
      'D:\\Repo\\dizziness_syst\
      ode_modules\\mongoose\\lib\\types\\objectid.js',
      'D:\\Repo\\dizziness_syst\
      ode_modules\\mongoose\\lib\\utils.js',
      'D:\\Repo\\dizziness_syst\
      ode_modules\\mongoose\\lib\\schema.js',
      'D:\\Repo\\dizziness_syst\
      ode_modules\\mongoose\\lib\\index.js',
      'D:\\Repo\\dizziness_syst\
      ode_modules\\mongoose\\index.js',
      'D:\\Repo\\dizziness_syst\
      ode_modules\\express-sessions\\index.js',
      'D:\\Repo\\dizziness_syst\\src\\index.js'
      ]
      }

  • @Kyevnieves
    @Kyevnieves Год назад +5

    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

    • @virginiafredes4744
      @virginiafredes4744 Год назад

      @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.. :(

    • @Kyevnieves
      @Kyevnieves Год назад

      @@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

    • @virginiafredes4744
      @virginiafredes4744 Год назад

      @@Kyevnieves si.. estoy usando el compare.. pero sigue igual. .(
      passport.use('local.signin', new LocalStrategy({
      usernameField: 'username',
      passwordField: 'password',
      passReqToCallback: true
      }, async (req, username, password, done) => {
      const rows = await pool.query('SELECT * FROM users WHERE username = ?', [username]);
      if (rows.length > 0) {
      const user = rows[0];
      const validPassword = await helpers.matchPassword(password, user.password)
      if (validPassword) {
      done(null, user, req.flash('success', 'Welcome ' + user.username));
      } else {
      done(null, false, req.flash('message', 'Incorrect Password'));
      }
      } else {
      return done(null, false, req.flash('message', 'The Username does not exists.'));
      }
      }));
      y el metodo matchPasword lotengo asi
      helpers.matchPassword = async (password, savePassword)=>{

      try {
      return await bcript.compare(password, savePassword);
      } catch (error) {
      cosole.log(error);
      }

      };

    • @Kyevnieves
      @Kyevnieves Год назад

      @@virginiafredes4744 y el error en consola que dice

    • @maykolsalgado2914
      @maykolsalgado2914 Год назад

      gracias me sirvió 😄

  • @gonzalo7176
    @gonzalo7176 5 лет назад

    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!

  • @davidmrg
    @davidmrg Год назад

    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!

  • @guillermosandoval8416
    @guillermosandoval8416 2 года назад +4

    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)
    }));

  • @alexyz52
    @alexyz52 5 лет назад +3

    Hola Fazt, en producción se sube todo el proyecto? O hay que configurar algo adicional? Muy buen contenido. Saludos

    • @Rhen.
      @Rhen. 5 лет назад

      x2

    • @ZalenjiHD
      @ZalenjiHD 5 лет назад +1

      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.

  • @jujo_mine2800
    @jujo_mine2800 3 года назад

    fabuloso tutorial bro, se que estoy como 2 años tarde pero queria agradecerte por compartir tan buen material, aprendi muchisimo viendolo.

  • @mariocalcetin7602
    @mariocalcetin7602 4 года назад

    Don Fazt no me canso de decirlo. Ud es grande . Antes mi mina me quitaba el sueño ahora lo hacen sus tutoriales , que grande !!!!

  • @josealbertolopezjimenez811
    @josealbertolopezjimenez811 5 лет назад +7

    Ahora con postgres

  • @ericlb3631
    @ericlb3631 2 года назад +4

    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.

    • @ernestoalonso5565
      @ernestoalonso5565 2 года назад +1

      Muy buen aporte!

    • @davinchocamaron646
      @davinchocamaron646 2 года назад

      como tomo la fecha del cliente?

    • @ericlb1347
      @ericlb1347 2 года назад +2

      @@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
      };

  • @danielarango1821
    @danielarango1821 5 лет назад

    excelente saludos desde Colombia, admiro mucho todo lo que haces, un abrazo y gracias infinitas !!

  • @ruthcacua6977
    @ruthcacua6977 4 года назад

    Me encanta! definitivamente eres un crack estaba intentando con mongoose y no me resultaba hasta que por tu excelente tutorial logre el back conectarlo con el fronted de react! sigue asi crack

  • @luismeza6015
    @luismeza6015 5 лет назад +3

    Tengo un error en el minuto 18:15 me sale npm ERR! missing script: dev en la consola AYUDAA!

    • @cristianjaimes9951
      @cristianjaimes9951 5 лет назад +2

      Tenia el mismo error y era error de sintaxis, revisa bien el codigo.

    • @luismeza6015
      @luismeza6015 5 лет назад

      @@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!

  • @fire8150
    @fire8150 5 лет назад +6

    podrias hacer un crud utilizando nodejs, react y mysql please

    • @0scarDev
      @0scarDev 3 года назад

      solumobil.com

  • @grbsql
    @grbsql 4 года назад

    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.

  • @oslermestra4660
    @oslermestra4660 3 года назад

    Hola fazt muchas gracias por estos cursos son de mucha ayuda y felicitarte por esa buena labor que haces.

  • @GeekCyan
    @GeekCyan 3 года назад +11

    Sería posible un CRUD Node con express, React y MYSQL, gracias por el contenido

    • @luisdavidecheverria8281
      @luisdavidecheverria8281 3 года назад +1

      Solo cambia handlebars por React

    • @mithrandir8919
      @mithrandir8919 2 года назад

      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

    • @lionelojeda2593
      @lionelojeda2593 2 года назад

      @@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 ?

    • @guatherodson6918
      @guatherodson6918 2 года назад

      @@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

    • @lionelojeda2593
      @lionelojeda2593 2 года назад +1

      Lo pregunte hace 4 meses xd. Gracias igual

  • @elbrusbaskaev483
    @elbrusbaskaev483 4 года назад +3

    1:16:08 justo ahi me sale un error x.x " pool.query is not a function"

    • @finonomastropiero4261
      @finonomastropiero4261 4 года назад +1

      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
      @elbrusbaskaev483 4 года назад

      @@finonomastropiero4261
      router.post('/add', (req,res) =>{ // { //

    • @elbrusbaskaev483
      @elbrusbaskaev483 4 года назад

      aun asi hay error

    • @elbrusbaskaev483
      @elbrusbaskaev483 4 года назад +1

      @@finonomastropiero4261 avisa si te sale

    • @finonomastropiero4261
      @finonomastropiero4261 4 года назад +2

      @@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

  • @tatan1994
    @tatan1994 4 года назад

    Me fascinó este tutorial. Es el mejor que he descubierto, incluso mejor que los de pago

  • @julianvelasquez8212
    @julianvelasquez8212 3 года назад

    Excelente contenido... Ver lo que hace me motiva a continuar aprendiendo de este mundo de la programación...!

  • @alfredofjahn
    @alfredofjahn 5 лет назад +3

    Como que nadie entendio la referencia de pew news

    • @h4oo
      @h4oo 5 лет назад

      Explicate

    • @pancaku8604
      @pancaku8604 5 лет назад

      yo si jaja

    • @1sam2fisher
      @1sam2fisher 4 года назад

      Jajaja estaba buscando desesperado a ver si alguien más lo había captado, parece somos pocos xD

  • @chelloya
    @chelloya 2 года назад

    Muchas gracias, excelente el video, cero desperdicio, horas excelentemente invertidas, vale la pena!

  • @JorgeGomez-vp2ry
    @JorgeGomez-vp2ry 3 года назад

    muchas gracias por compartir tus conocimientos, y la forma practica de explicarlo que te distingue del resto, Muchas gracias!

  • @daniloespinozapino4865
    @daniloespinozapino4865 2 года назад

    Que buen video, lo seguí por completo, no aburre en ningún momento y son 4 horas!

  • @jesuslopez5914
    @jesuslopez5914 Год назад

    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.

  • @TheErhC
    @TheErhC 5 лет назад +2

    Muy bueno todos tus vídeos , excelente muchas gracias.

  • @ernestorosas7972
    @ernestorosas7972 Год назад +1

    palabra para describirte ===GENIOOOOOO, GRACIAS INFINITAS, TE AMAMOSSS!!!

  • @johnguerrero8965
    @johnguerrero8965 5 лет назад +1

    Hola amigo gracias por tus geniales videos, queria preguntarte si tambien seria compatible usarlo con postgresql y que modulo me recomendarias

  • @georgejovanovic559
    @georgejovanovic559 4 года назад

    Felicitaciones! Excelente curso. Muy completo y claro.

  • @olivertzunun3798
    @olivertzunun3798 4 года назад

    No se porque pero esto me hace amar mas a flask, me sente a ver el video a las 3 de la tarde y todavia no termino(son las 11)---- GRACIAS FAZT

  • @urielchacon2362
    @urielchacon2362 4 года назад

    Muchas gracias, me ayudaste mucho con mi proyecto para la escuela.
    Excelente trabajo!!

  • @carloscruz6201
    @carloscruz6201 2 года назад

    Bro, te quedó excelente este vídeo, explicaste impecable. Se te agradecen mucho tus aportes

  • @Alexis-ei9ct
    @Alexis-ei9ct 3 года назад

    Mis respetos a Fazt. Un millón de gracias por compartir tu conocimiento con el mundo.

  • @ignaciomatiasdiaz9710
    @ignaciomatiasdiaz9710 3 месяца назад

    Sos genio fazt, hace cinco días no deje de aprender node.js express y más. Gracias

  • @fadassi154030918
    @fadassi154030918 3 года назад +1

    Fatz termine la aplicacion!!! quedo andando!! GRacias hermano, sos muy bueno explicando!

  • @AndersonManosalva
    @AndersonManosalva 5 лет назад

    He visto muchos tutoriales de ExpressJS, pero este esta explicado de una manera ¡genial! y lo mejor en español, muchas gracias Fazt, me gustaria que hicieras un tutorial para SailsJS. +1

  • @user-md1iu4qr1x
    @user-md1iu4qr1x 4 года назад

    Muchísimas gracias! De los mejores tuto que hay en youtube!

  • @alessandromorales4958
    @alessandromorales4958 4 года назад

    Excelente video amigo, muchísimo mejor que muchos cursos pagados. Sigue así crack!!!

  • @vicerix
    @vicerix 4 года назад +2

    GRACIAS FAZT!!!!! Me demore todo el finde pero lo logre!, doy fe que todo funciona perfecto!, cuidado con meter los dedos mal!!!

    • @0scarDev
      @0scarDev 3 года назад

      solumobil.com

  • @SuperChrispol
    @SuperChrispol 4 года назад

    Como es que no tienes mas suscriptores, gracias amigo ejemplos practicos que nos ayudan mucho