2/3 - CRUD con Javascript puro y Fetch - Manejo del DOM - Mostrar registros

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

КОМЕНТАРІ • 80

  • @andres.5364
    @andres.5364 3 роки тому +2

    Wow no habia visto que habías empezado este mini curso, pero se ve brutal !

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

      Hoy sale el último video! Saludos!

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

      Excelente profesor. A tiempo para hacer una actualización... Pregunta, con estas metodologias se podría hacer un sistema de ventas solo con fetch, js puro?

  • @wilfredoguerra
    @wilfredoguerra 3 роки тому +4

    Hola que tal: Excelente tu metodología para explicar. Estoy realizando todos tus tutoriales y de verdad logro entenderte perfectamente. Seria genial un curso de Javascript desde cero, se que muchos lo apreciaríamos. Gracias por todos tus aportes, sigue adelante.

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

    Sos un genio me estoy viendo todos tus videos, si bien ya se algunas cosas, la manera como aplicas las mismas me ayudan a despejar algunas dudas que suelo tener a veces

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

      Muchas gracias!!! Viste que practicando empieza a fluir Javascript. Abrazo!

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

    Eres el único maestro a quien logro comprender. Podrías hacer un curso de JS desde cero hasta POO?, gracias.

    • @informaticadp
      @informaticadp  3 роки тому +4

      Muchas gracias!! Sabes que siempre tengo pensado hacer un curso de js de cero a experto, js asíncrono, POO, etc. Va a llevar un tiempo armarlo. Pero la idea está.

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

    anda perfecto este fetch para dibujar datos en la tabla, funciona a la perfeccion. gracias mostro!!!

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

    Excelente explicación (clase), gracias por compartir con la comunidad.

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

    Explicas genial, sigue así máster 👌🏻

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

    Bro la idea del curso me parece genial, pero si lo haces aplicando todo en una aplicación real, me parece que es la mejor manera de asociar e internalizar los conocimientos... Gracias de antemano... Y éxitos bro.. Vaya q explicas genial.

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

      Gracias Cesar! Siempre atento a todas las sugerencias.. abrazo bro!

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

    Buenas noches, disculpe en este caso me genera error al borrar el data-bs-target de html de bootstrap, dado que se ve que tiene otros aspectos en las librerias de JS.
    Y cuando trato de crear el objeto de la modal en JS en console me marca que bootstrap no esta definida. Me podria aconsejar que puedo hacer en ese caso

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

      Me paso lo mismo, pudiste resolver el problema?

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

      @@orangehades2809 lo pudieron resolver?

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

      Lo resolvieron??? Ayuda plz. No encuentro la solución

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

      me pasa lo mismo

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

      me paso lo mismo que a ustedes y fue por que en la cost modalarticulos no borre la parte donde sale option en el vídeo sale muy rápido y uno no percibe cuando borra ese pedazo por eso sale valor undefine cuando uno inspecciona la pagina . lo borre y me funciono ese pedazo

  • @gerdebur
    @gerdebur 3 роки тому +4

    Queremos el curso JS desde cero!!!!

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

      si!!! tal cual un curso de cero a avanzado!!

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

    Excelente tus explicaciones,gracias

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

      Muchas gracias! Mañana último video de la serie.

  • @OscarCalderon-s3z
    @OscarCalderon-s3z Рік тому

    Buenas bro, en el minuto 14:26, quitamos el data bs target para que bootstrap no haga la interacción del botón crear, pero honestamente, llevo dos días buscando el posible fallo y me dice varias cosas, si de alguna forma pudieras ayudarme, ya que he basado mi proyecto final en consultar con el fetch sobre la base de datos con este modal en cuestión. creé una variable declarando el btnCrear pero igual, me persiste el problema a la hora de borrar y crear mas artículos, me dice que a lo mejor no estoy usando la versión correcta de bootstrap pero me pierdo intentando entender, llevo apenas 6 meses recibiendo una formación de js. ni chat gp ha podido ayudarme :( gracias igualmente por todo tus aportes.

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

      Si lo arreglaste? a mi me pasa lo mismo

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

    Buena explicación, me ayudo bastante!!

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

    explicas muy bien los temas

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

    EXCELENTE

  • @dariomelgar9270
    @dariomelgar9270 3 місяці тому

    por favor hace videos explicando bien en detalle todo sobre javascript

    • @informaticadp
      @informaticadp  3 місяці тому

      Perfecto, en breve salen más videos de Javascript

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

    good me re sirve

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

    Un gran saludo desde Venezuela.. Particularmente sigo tu canal porque explicas muy bien los temas.. Quería saber si actualmente tienes en tu lista de proyectos hacer uno exclusivo y amplio donde expliques con detalles el tema de las sesiones php. Sería genial..

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

      Muchas gracias! Viste que en canal hay un curso con ese tema. Ya e paso el enlace.

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

    En el minuto 15, llamas a btnCrear así sin mas. Cómo es eso posible?
    Es decir no lo traes desde el DOM somo si lo haces con los campos (descripción, precio y stock)

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

      Ya entendí por qué, cuando asignamos un id a un elemento de HTML automáticamente se crea como un objeto que puede ser manipulado en JS, es decir es lo mismo que hacerlo con "document.getElement..." pero sin tener que hacerlo jaja. GENIAL! ahora bien ¿Desde cuándo se puede hacer eso? no lo sabía!

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

      Hola Luis! Si te fijas en los videos del canal siempre utilizo distintas formas. En otros videos capturo todos los elementos del dom como lo mencionas en tu comentario. Saludos!

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

    Qué pasa si el JSON de que te regresa el fetch solo trae 1 elemento o 0 elementos, el forEach no servirá

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

    HOLA, PODRIAS INDICARME DONDE TIENES EL PRIMER VIDEO DE ESTE CRUD, SOLO SALEN EL 2/3 Y 3/3, PERO EL PRIMERO NO LO VEO EN TU LISTA. GRACIAS. SUERTE

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

      Hola José. Controle la lista y están los 3 videos. Igual te paso el link solicitado.
      ua-cam.com/video/8yIcHqTG7bU/v-deo.html

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

      @@informaticadp muchas gracias. Bendiciones para ti.

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

    Me sale este error.. Uncaught TypeError: modal.show is not a function.. Como puedo solucionarlo? es para usarlo con Laravel.. Y el 'tbody' esta definido en DataTable, como puedo capturarlo? Estaria bueno un tutorial de javascript y jquery

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

    hola, consulta sobre las funciones es mejor dar un "addEventListener" o agregar una function en el tag del button? saludos.

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

      Ambas son válidas. Prefiero con addEventListener. Saludos.

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

    Buenas, podría hacer un curso de javascript desde 0, en caso de que no lo tenga ya hecho claro, saludos y muy buen video

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

    Gran video... Pero tengo una consulta por cuando quiero abrir el archivo me demora en cargar la pagina lo mismo cuando pongo actualizar a que se debe?. Gracias de antemano

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

      Gracias Jack! Que archivo te demora? Cuando traes los datos desde la API? No debería tener demora.

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

    Buenas! Me gustaria hacerte una consulta sobre CRUD. Por donde te podria contactar? Gracias!

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

    no me agarra para abrir el boton crear del modal

  • @antonior.9661
    @antonior.9661 2 роки тому

    y porque prefieres borrar el form con value='' a hacer un simple reset()?
    si pregunto es por ahorrarme trabajo, pero si es mas eficiente tu opcion pues mi hare un bucle, el caso es no escribir una docena de lineas y enguarrar mi archivo .js

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

    No veo el video de fetch en la descripción del video, alguien sabe cual es el link?

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

      Te paso. Igual hay varios en el Canal.
      ua-cam.com/video/G-j5SI7Qitk/v-deo.html

  • @carlosgarciahernandez932
    @carlosgarciahernandez932 4 місяці тому

    como creaste la api ? ahi me perdi

    • @informaticadp
      @informaticadp  4 місяці тому +1

      La api está en otra lista de reproducción ahi la puse también y el código. Saludos.

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

    La api es para mostrar todo lo que tienes en la base de datos verdad ?

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

      Mira te paso este video, créeme que después no vas a tener dudas. Saludos!
      ua-cam.com/video/OgPk7qp6mJw/v-deo.html

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

    Men me da un error de to fetch algo sobre un bloqueo de CORS

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

      Hola! En este video explico cómo solucionar problemas con CORS en una API NoDe.
      ua-cam.com/video/5ksPp5Yver8/v-deo.html

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

      @@informaticadp Por mis propios medios arregle el problema, gracias!!

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

      @@davisonandrescanaveralgraj1092 Hola! a mi también me da ese error. ¿Cómo lo solucionaste?

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

      @@nicolleescalona7435 busca acerca de node js cores

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

      Gracias! Mejor deshabilite el cors

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

    ⭐⭐⭐⭐⭐

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

    como descargo el api v: no sirve si ago el procedimiento y me quedo en medio camino

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

      x2 amigo...!

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

      En el último video de la serie está el link para la API.
      ua-cam.com/video/tcPLunlJCtY/v-deo.html

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

    La pregunta es, de donde saco la api?🥺

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

      Hola, te dejo la lista de reproducción. Igual en los videos explico y dejo link o tarjetas de todos los enlaces.
      ua-cam.com/play/PLrAw40DbN0l2dg--IB6xTsEQTD1Qb1aBa.html

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

    Muy bien. El boton en este momento no ejecuta.

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

      Yo no había hecho el script de mi html jajajaja, tardé un buen rato leyendo el codigo

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

    La tabla no muestra datos, coloca todos los textos en "Undefined".

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

    amigo buenos días espero el crud con ansias y nada :( ... Porfavor al grano y detallas el drud

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

    Un gran saludo desde Venezuela.. Particularmente sigo tu canal porque explicas muy bien los temas.. Quería saber si actualmente tienes en tu lista de proyectos hacer uno exclusivo y amplio donde expliques con detalles el tema de las sesiones php. Sería genial..

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

      Muchas gracias Samuel. En este curso explico todo eso. Saludos.
      ua-cam.com/play/PLrAw40DbN0l3SMVaY6vKCAP4UcIwF_4jQ.html