💯 Aprendiendo Node.JS y Express para crear una API 📶 - Bootcamp FullStack Gratuito

Поділитися
Вставка
  • Опубліковано 15 гру 2024

КОМЕНТАРІ • 120

  • @midudev
    @midudev  3 роки тому +35

    🔥 TODAS las CLASES del FullStack Bootcamp JavaScript 🔥
    ua-cam.com/video/wTpuKOhGfJE/v-deo.html

  • @ricko13
    @ricko13 3 роки тому +17

    Aunque hubiese durado 8 horas el vídeo igual lo hubiese visto TODO
    Excelente, gracias por hacer esto gratuito!

    • @axelD880
      @axelD880 2 роки тому

      te comprendo completamente bro sjjss

  • @lorocongarrote
    @lorocongarrote 3 роки тому +20

    Es increible que sea gratis, gracias por tu tiempo midu! un abrazo!

  • @aldorsan
    @aldorsan 3 роки тому +25

    Excelente. La mezcla justa de buenas prácticas y truquitos que como siempre pone al Sr Midu muy por encima de muchas clases pagas de las plataformas educativas como Udemy o Coursera.

  • @dan75d99
    @dan75d99 2 роки тому

    Midu muchas gracias, me inscribi en un bootcamp aqui en Colombia, pero me doy cuenta que lo que buscan es cumplir un programa de estudio a toda velocidad y listo, pero con tus videos aprendo de una forma unica, muchas gracias.

  • @JLCaicedo
    @JLCaicedo Рік тому

    Tienes un talento impresionante para explicar que todo el mundo comprende muy fácil, mil gracias.

  • @mayidabarca3762
    @mayidabarca3762 3 роки тому +2

    Mil gracias por tus tutorías Midudev!!
    No tienes idea lo mucho que me está sirviendo tu contenido.
    Gracias, gracias... Gracias!!!

  • @brauliorojas5481
    @brauliorojas5481 3 роки тому +6

    Aún estoy en el video anterior, terminando me lanzo de cabeza a este video, como siempre un inmenso aporte, MUCHAS GRACIAS MIDU!!

    • @midudev
      @midudev  3 роки тому +2

      Genial Braulio!!!! 🚀 Un place! A compartir a tope!

  • @mtejera
    @mtejera 2 роки тому

    Como siempre, un millón de gracias por compartir tanto conocimiento. Disfruto y agradezco un montón que hagas el contenido fácil y súper ameno. Saludos desde Corea del Sur!

  • @kendalsalas283
    @kendalsalas283 2 роки тому +1

    Tu contenido es simplemente genial midu.
    Espero con ansias tu nuevo curso de JS y los retos!
    Mucho éxito

  • @sanntu9617
    @sanntu9617 3 роки тому +1

    GENIO DE TODA LA CANCHA. QUE PEDAZO DE CLASE!
    GRACIAS POR COMPARTIR!

    • @midudev
      @midudev  3 роки тому +1

      Gracias a ti!!!

  • @barbaralzb8311
    @barbaralzb8311 2 роки тому

    Tremendo video Miduuuuu!!!!!!! 💜💜💜 La comunidad no es nada sin ti. Se hace muy ameno el tiempo escuchandote, y lo haces entretenido. Siempre con la sonrisa !

  • @diegoartiles8362
    @diegoartiles8362 3 роки тому +3

    Hola Midu!!
    Me encantan muchos tus videos y como explicas. 🤓
    Te cuento que siguiendo tu clase, me animé a hacer exactamente lo mismo que tu pero con NestJS 🤩, me sirvió como "excusa" para practicar este framework 😍
    Quisiera dejar algunas diferencias con respecto a NestJS para que todos sepan:
    • Las validaciones del body se puede hacer de manera automática con el pipe ValidationPipe, el cual entiendo que evalúa una clase y la compara con el objeto recibido en el body, y los tipos de datos que no concuerden con los definidos lo indicará en la respuesta así como también otras validaciones que se hacen con el uso de decoradores.
    • El ValidationPipe se puede configurar de manera global o por cada endpoint y entre las opciones que recibe, está una que se llama "transform" el cual si la ponemos como true. Intentará convertir el tipo del dato que recibe, al que le hayamos definido como tipado con Typescript. Ej:
    @Get(':id')
    getNotesById(
    @Param('id') id: number,
    ): any {
    ...
    }
    como sabemos todos los parámetros obtenidos desde la URL vienen como string, al decirle que el id es de tipo number el pipe antes mencionado con la opción "transform" intentará convertir el dato a number por nosotros 😍😍😍
    Midu si lees esto, me gustaría que puedas revisar el repositorio y me encantaría recibir un feedback tuyo 🙊, me enfoco más al frontend y tengo experiencia con JS, pero el backend lo tengo abandonado y cualquier sugerencia o mejora es bienvenida 😁
    Estoy comiteando por capitulo, por ahora solo tengo un commit y lleva por nombre el título de este video
    github.com/dartilesm/midudev-backend-nestjs-bootcamp-fullstack

  • @rayito845
    @rayito845 3 роки тому +5

    se que Este año llegaras mas de los 100k sub. Explicas de una forma increíble y gratis de verdad muchas gracias 💖💖💖

  • @sebastianvh7441
    @sebastianvh7441 Рік тому

    muchas gracias Sr Midudev, cada vez mas cerca 🙌

  • @phidalgot
    @phidalgot 3 роки тому +2

    Excelente Midu. como siempre!!! Eres Genial Crack. un Abrazo

  • @williamguevara6015
    @williamguevara6015 3 роки тому

    Hey que bien, vengo del video de monorepos y me gusto mucho la forma en la que explicas, gran trabajo! Gracias

  • @adrian.vasquez.2002
    @adrian.vasquez.2002 2 роки тому

    48:03 la mejor pagina del mundo jaja no la conocía, gracias por estos videos midu, grande!

  • @HajimeNoIppo7891
    @HajimeNoIppo7891 3 роки тому +3

    Mil gracias! Me veré completo el video 💪🏻 (y me veré los anuncios completos 😏)

    • @midudev
      @midudev  3 роки тому +1

      Gracias 😭

  • @Javitrunk
    @Javitrunk 2 роки тому

    Un gran tutorial para empezar con nodejs. Muchas gracias por el currazo.

  • @estivenmayhuay5626
    @estivenmayhuay5626 2 роки тому

    Muchisimas gracias midudev talvez no signifique mucho tus videos me aportan bastante. 🙂

  • @pablohperez
    @pablohperez 2 роки тому

    Excelente Midu!! aprendí montón.... muchas gracias!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    • @midudev
      @midudev  2 роки тому

      Gracias a ti!!

  • @almadev183
    @almadev183 3 роки тому +1

    Explicas muy bien, eres el mejor!

    • @midudev
      @midudev  3 роки тому +1

      Gracias! 😊

  • @gonzaloolivera1995
    @gonzaloolivera1995 2 роки тому

    El mejor canal de programación
    Un crack midu

  • @gabrielariveraalagon1834
    @gabrielariveraalagon1834 2 роки тому +1

    Eres genial , muy buenos los vídeos explicas el porque 🤩

  • @AdrianOrtiga
    @AdrianOrtiga 2 роки тому

    Que bien me lo estoy pasando con el bootcamp. Muchas gracias Midu.

    • @midudev
      @midudev  2 роки тому +1

      Excelente! :)

  • @luisvalencia5009
    @luisvalencia5009 3 роки тому +9

    Así me gusta que me enseñen chingada madre! Despacito y con cariño 😂👏🙌

  • @manuelherrerabarraza5295
    @manuelherrerabarraza5295 3 роки тому +5

    Excelente Video, es posible que hagas un video con tu configuración del VSCODE y la terminal? Vi los videos que subiste antes de la terminal, aunque sería de gran ayuda uno sobre las herramientas de VSCODE. Muchas gracias por todo.

  • @luisc234
    @luisc234 3 роки тому +2

    Muchas gracias , contenido de 10!

    • @midudev
      @midudev  3 роки тому +1

      Gracias Luis!!! :) Estos comentarios animan mucho!!! 🚀

  • @thedarck131
    @thedarck131 3 роки тому +3

    Excelente, gracias por el aporte

    • @midudev
      @midudev  3 роки тому +2

      Gracias por comentar Elvis! Qué lo disfrutes!

  • @Maverick_x-e1j
    @Maverick_x-e1j 3 роки тому +1

    en serio amigo que gran aporte gracias

  • @danielcutipa540
    @danielcutipa540 3 роки тому

    genial el contenido del curso, gracias por compartir tus conocmientos!

  • @axelD880
    @axelD880 2 роки тому

    te adoro hombre, me quitas hasta la depre🤣😉

  • @sauterxd
    @sauterxd 3 роки тому +1

    Maravilloso Bootcamp!

  • @jogre900
    @jogre900 3 роки тому +1

    Como me gustaria ver mas sobre api rest en detalle en un futuro video.. Saludos!!!

    • @midudev
      @midudev  3 роки тому +1

      ¡Me lo apunto!

    • @jogre900
      @jogre900 3 роки тому +1

      @@midudev lo esperare con ansias!

  • @estebanmilicich2858
    @estebanmilicich2858 Рік тому

    Messirve, gracias por tanto midu

  • @rociom3262
    @rociom3262 3 роки тому +1

    Hola Miguel!
    Gracias por el contenido que compartes!
    Recomiendas algún libro o curso para empezar con Node?
    Gracias!

  • @faviocabral2675
    @faviocabral2675 2 роки тому

    esta exelente las clases de bootcamp !!! hay algun curso pro master class node js?

  • @ivangarciaescobar35
    @ivangarciaescobar35 Рік тому

    para usar hoppscotch solo hay que instalar la extension, es muy buena!

  • @balfaz
    @balfaz 3 роки тому +1

    Despues de netflix mi otro vicio es este canal

    • @midudev
      @midudev  3 роки тому +1

      🤩🤩 de lo más bonito que se me puede decir!

  • @Grishopping
    @Grishopping 3 роки тому +1

    GRACIAS, GRACIAS, GRACIAS me has ayudado bastante para aclarar un pocote de LAGUNAS MENTALES jejejejej que tenia....
    Te saluda Jose Grillo

    • @midudev
      @midudev  3 роки тому +1

      🤗🤗🤗🤗

    • @Grishopping
      @Grishopping 3 роки тому

      @@midudev jajajajajja que significa ese codigo de barras???? NO entendi.....?????

  • @rebelrobotiks
    @rebelrobotiks 2 роки тому

    Midu una pregunta que configuración de iterm2 estabas usando aquí específicamente el prompt y el tema de color

  • @davidm7889
    @davidm7889 3 роки тому

    Buen vídeo. ¿Me das tu opinión?
    Para un proyecto personal (1 miembro) con front en React, sería más adecuado:
    A) API en PHP, porque tengo más soltura y experiencia con PHP.
    B) API en Express, porque todo el stack estará en JS y eso ayuda, a pesar de tener menos exp en Node.
    La premisa es que sea la solución más ágil y menos dolorosa para no dejar el proyecto de lado. Abro el debate 😊

  • @christianfages1434
    @christianfages1434 2 роки тому

    Una pregunta. Que formateador de JSON usa Midu? Gracias desde ya.

  • @salvadorreal7394
    @salvadorreal7394 3 роки тому +1

    Hay una extensión llamada Thunder Client que es similar a postman y es más liviana.

  • @bbarlintor
    @bbarlintor 2 роки тому

    hola buenas, una duda, cuando voy a escribir al principio console.log('Server running on port ${PORT}'), no me lee el $ PORT, me sale literalmente como lo escribi, sabrias por que puede ser?

  • @kozutop
    @kozutop 3 роки тому +1

    Hola Midu, dentro del video de extensiones de vscode ¿puedes añadir también el layout que utlizas para los atajos y snippets que usas?

  • @danilovalenzuela1330
    @danilovalenzuela1330 3 роки тому

    Cual era el contenido del video que dejó como privado?, el número 40 (después de bootstrap)

  • @gonsalomon
    @gonsalomon 2 роки тому

    localhost es como un this, versión redes. Para los que vengan sabiendo POO.
    EDIT: Una duda, por qué no usás un switch/case en lugar de un if/else largo con la URL y los endpoints de la API?

  • @emilioortega9487
    @emilioortega9487 2 роки тому

    Hola, en el min 52:30 cuando se hace el delete por que despues al hacer el get desaparece el elemento que supuestamente borraste ? si ese delete lo unico que hace es un hacer un filter y luego el get deberia traer nuevamente el mismo elemento que supuestamente borraste. De hecho ese comportamiento es el que me pasa a mi en insomnia o en postman :o

  • @haresjetic4754
    @haresjetic4754 2 роки тому

    Yo tengo una pregunta, por que usan la base de datos de Mongoldb en vez de usar directamente la base de datos de Mysql ?

  • @tigreonice2339
    @tigreonice2339 2 роки тому

    ¿Cómo hace para que se le vea la terminal de colores todo bonito?

  • @imandresmorales
    @imandresmorales 9 місяців тому

    Gracias por el contenido.

  • @fernandomoran3163
    @fernandomoran3163 2 роки тому

    Alguien sabe por que me dice nodemon o mas bien la api que no encontró el modulo de express estoy usando la version 3.0.1 ya mire en los módulos y si esta

  • @EstivenVenzelstar
    @EstivenVenzelstar Рік тому

    Explicas muy bien que nivel

  • @rubenelpotro8105
    @rubenelpotro8105 2 роки тому

    como haces el simbolo de distinto ?

  • @dreamdead01
    @dreamdead01 3 роки тому +1

    Disculpen pero es normal que no pueda instalar el nodemon de la manera que lo hizo Miguel ? ya que tuve que hacerlo de otra manera que según también de dependencia de desarrollo.
    Por cierto me encanta tu manera de enseñar UwU.

  • @JoseGonzalezUwU
    @JoseGonzalezUwU 2 роки тому +1

    00:22:25 tipos de dependencias
    00:38:46 API Rest

  • @jonnatanmonttvillar
    @jonnatanmonttvillar 3 роки тому +2

    Estimado hay algo de lo que se habla muy poco y se muestra muy poco y aun no entiendo bien, que son los POPULATED, la referencia entre colecciones, podrias hacer y explicar eso porfavor? es lo que mas me cuesta de express con mongoose!!! gracias por estos tutoriales!

    • @midudev
      @midudev  3 роки тому +1

      Me lo apunto por si podemos mirar el día de mañana, pero en el bootcamp no creo que lo veamos. :D Ya está el contenido más que cerrado.

    • @jonnatanmonttvillar
      @jonnatanmonttvillar 3 роки тому +1

      @@midudev donde sea que quieras hacerlo, pero enseñalo porfavooor! jaja y muchas gracias!

  • @miguelcubillos7231
    @miguelcubillos7231 3 роки тому

    Excelente video y apenas llevo 30 min😂 una pregunta, en el front implementaras react?

  • @sebabaccon4908
    @sebabaccon4908 3 роки тому +2

    Hola midu, una pregunta. Como hago para cerrar el servidor? Una vez que pongo npm start no me deja escribir nada mas en consola. Busque por google pero dice que la solucion es el boton break, que no tengo (creo que es solo de mac)

  • @megastratofall
    @megastratofall 3 роки тому +3

    "Nodemon", casi más antiguo que andar pa' lante, -Midu 2021...

  • @gomezdn_
    @gomezdn_ 2 роки тому

    y cómo se elige si desarrollar la funcionalidad desde el front o el back? Se hace backend cuando hay que persistir datos universalmente?

    • @getseneko7004
      @getseneko7004 2 роки тому

      Ambos son independientes. En el FrontEnd es la parte visual, es lo que ve el usuario final, mientras que el BackEnd es la parte del servidor, lo que no ve el usuario, y es el que se encarga de crear una conexión a la base de datos, es de gran importancia, ya que toda la información se suele guardar ahí.

  • @edwardsoto3279
    @edwardsoto3279 2 роки тому

    44:56 que pasa si solo uso dos ==

  • @jogre900
    @jogre900 3 роки тому

    Me gustaria ver validacion de un form con varios inputs y si es posible con subida de archivos y sus validaciones en cada input, como manejar todos esos estados al momento de hacer el submit. Actualmente hice uno pero tengo el error de Too many re-renders, avoid infinite loop :( lo estoy haciendo con un state para cada input y algunos para setear el mensaje de error de los mismos (password invalido, ingrese un nombre, etc)

  • @ivandinamarcacastro583
    @ivandinamarcacastro583 2 роки тому

    Hola a todos, consulta:
    Como se ejecuta el proyecto con nodemon y windows? Gracias por tu tiempo midu y gracias a la comunidad.

    • @ivandinamarcacastro583
      @ivandinamarcacastro583 2 роки тому

      Solucionando, agregándolo como lo hizo midu en package.json basta. Ahí funciona, al poner la ruta completa no en windows. Saludos.

    • @ivandinamarcacastro583
      @ivandinamarcacastro583 2 роки тому

      En insomnia me aparece status 200, no entiendo xS

  • @Jack1430.
    @Jack1430. 3 роки тому +1

    48:50 Querías decir un get, verdad?

  • @zilant07
    @zilant07 3 роки тому +1

    Que font esta usando ?

    • @midudev
      @midudev  3 роки тому +1

      Cascadia Code

    • @zilant07
      @zilant07 3 роки тому

      @@midudev aps yo la uso y se ve distinta jaja la normal usas midu?

  • @ivandinamarcacastro583
    @ivandinamarcacastro583 2 роки тому

    Hola a todos, con el ejemplo me aparece en status 304. Está bien? Por que no me aparece 200?
    //con Express
    const express = require('express')
    //sin Express
    const http = require('http')
    let notes = [
    {
    "id": 1,
    "content": "Tengo que estudiar NODE JS",
    "date": "2019-05-30T17:30:31.098Z",
    "isImportant": true
    },
    {
    "id": 2,
    "content": "Tengo que estudiar REACT",
    "date": "2019-05-30T17:30:31.098Z",
    "isImportant": true
    },
    {
    "id": 3,
    "content": "Tengo que estudiar ENGLISH",
    "date": "2019-05-30T17:30:31.098Z",
    "isImportant": true
    },
    {
    "id": 4,
    "content": "Tengo que descansar",
    "date": "2019-05-30T17:30:31.098Z",
    "isImportant": false
    }
    ]
    //sin Express
    /*
    const app = http.createServer((request, response)=>{
    response.writeHead(200, {'Content-Type': 'application/json'})
    response.end(JSON.stringify(notes))
    })
    */
    //con Express
    const app = express()
    app.get('/', (request,response)=>{
    response.send('Hello World')
    })
    app.get('/api/notes', (request, response)=>{
    response.json(notes)
    })
    app.get('/api/notes/:id', (request, response)=>{
    const idNote = Number(request.params.id)
    const note = notes.find(note => idNote === note.id)
    if(note){
    response.json(note)
    }else{
    response.status(404).end()
    }
    })
    const PORT = 3001
    app.listen(PORT,()=>{
    console.log(`Server running on port ${PORT}`)
    })

  • @Grishopping
    @Grishopping 3 роки тому +1

    como se coloca ese simbolo de "diferente que" (que usaste en el delete con los 3 iguales === pero con una raya diagonal) jajajaja espero me entiendas la pregunta .... te saluda Jose Grillo

    • @midudev
      @midudev  3 роки тому +2

      Eso lo hace la fuente. Se llama "ligadura". ua-cam.com/video/JYFH0nE-UjA/v-deo.html

    • @Grishopping
      @Grishopping 3 роки тому +1

      @@midudev MIL gracias

  • @ivipech
    @ivipech 3 роки тому

    Hola, gracias por los videos. Una duda, a la hora de pasar las notas a string en el min. 19.20 no me lo pasa con el formato que tienes sino, como una hilera de letras. Como no respetando los parrafos, solo los espacios. Also as[i, nada mas. [{"id":1,"content":"Me tengo que suscribir a @asidudev en Yputube","date":"2019-05-30T17:30:31.098Z","important":true},{"id":2,"content":"Tengo que estudiar la clase fullstack","date":"2019-05-30T18:39:34.091Z","important":false},{"id":3,"content":"Repasar los retos de JS de midudev","date":"2019-05-30T19:20:14.298Z","important":true}] 😢

    • @paoloose
      @paoloose 2 роки тому

      creo que midu tiene una extensión para darles el formato, pero puedes investigar sobre la etiqueta de html

    • @paoloose
      @paoloose 2 роки тому

      ah, y recuerda verificar en el Network de las herramientas de desarrollador (F12) que el tipo de petición sea json

  • @m00nreal
    @m00nreal 3 роки тому

    Cual es el schema de vscode que usas?

  • @galo7486
    @galo7486 2 роки тому

    1:02 Que raro!, a mi solo me funcionó en postman..

  • @santosmarte
    @santosmarte 3 роки тому +1

    Como aporte, aca les dejo el enlace al Node Version Manager para windows github.com/coreybutler/nvm-windows

    • @midudev
      @midudev  3 роки тому +1

      Gracias Santos! 🤗

  • @lawrent6209
    @lawrent6209 2 роки тому

    entonces la unica funcion de nodejs es ejecutar los archivos? XD por favor ayuda estoy confundido.

  • @rubenbelman7802
    @rubenbelman7802 3 роки тому

    Ryan Dahl : Creo que Node no es el mejor sistema para construir un servidor web masivo. Usaría Go para eso.
    Y honestamente, esa es la razón por la que dejé Node esto dice en creador entonces.....

  • @abrahampuentedelrosario5344
    @abrahampuentedelrosario5344 6 місяців тому

    tengo hambre de conocimiento....

  • @MrJorjantas
    @MrJorjantas 2 роки тому

    Express es tan sencillo y poderoso que no parece un framework, parece como si fuera node.js puro :v

  • @joaquinretola5649
    @joaquinretola5649 3 роки тому

    En el problema donde no encontraba el ID por diferencia de tipo entre 'string' y 'number', solo le puse un + antes de la variable, y hace lo mismo que un parseInt(). Lo que no sé, es si eso de poner el + frente a los string para convertirlos en number, funciona en todos los casos o es mala práctica por alguna cuestión.

  • @alvaroperezdiaz3679
    @alvaroperezdiaz3679 3 роки тому

    Aunque sea una API, no sería recomendable separar las cosas en carpetas: rutas, controladores, etc

    • @midudev
      @midudev  3 роки тому +1

      Se hace más adelante

  • @osmeig6025
    @osmeig6025 2 роки тому

    Y la API?

  • @marrufons146
    @marrufons146 3 роки тому

    amigo puedes crear una api que crea sticker de texto animado

  • @janomalvassi7249
    @janomalvassi7249 2 роки тому

    Really work

  • @Maximo4ever
    @Maximo4ever 3 роки тому +2

    Soy yo o el 1080p no es 1080p? xd

  • @paoloose
    @paoloose 2 роки тому

    tequieromuchomidu

  • @jogre900
    @jogre900 3 роки тому +1

    38:53 que verguenza mi archivo con 40 endpoints distintos jaja.

    • @midudev
      @midudev  3 роки тому +2

      Hay que separar!!! En la siguiente clase seguiremos mejorando la estructura del servidor. :)

  • @jesusgallardo1267
    @jesusgallardo1267 3 роки тому

    Excelente video Midu, una duda, que libro me recomiendas de Node ? solo he encontrado el de desarrollowebdotcom Pero no se si esta actualizado o no :c