Patrón observador en Javascript 👀

Поділитися
Вставка
  • Опубліковано 20 жов 2024
  • En este video te daré una explicación del patrón de diseño observador implementándolo en javascript.
    Si quieres apoyarme y darme para una cerveza puedes hacerlo por aquí: paypal.me/Hecto...
    Puedes apoyarme desde 0.5 USD al mes uniéndote como miembro al canal aquí: / @hdeleonnet
    Todos los videos de patrones de diseño en javascript: • Inyección de dependenc...
    Todos mis podcasts: • Podcast #1 - ¿Cuál es ...
    Curso de MVC .Net: • Curso de MVC .Net C#| ...
    Curso de MVC Api .Net: • Curso de MVC API .Net ...
    Curso de facturación electrónica en c# .Net: • ¿Cómo convertir archiv...
    Todos mis videos sobre facturación electrónica: • ¿Cómo convertir archiv...
    La falta de respeto tanto a mí como a cualquier otra persona y el SPAM son razones de bloqueo en mi canal.
    "Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use"
    ---------------------------------------------------------------------------------------------------------------
    Sigueme en twitter ⇒ / powerhdeleon
    Sigueme en facebook ⇒ / hdeleon666
    Mi Sitio web ⇒ hdeleon.net
    #js #javascript #dependencyInjection

КОМЕНТАРІ • 67

  • @hdeleonnet
    @hdeleonnet  4 роки тому +30

    Si te ha gustado el video puedes apoyarme dejándome un pulgar arriba ¡Muchas gracias!

    • @miguelfornos
      @miguelfornos 4 роки тому

      Obligame prro

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

      hector seria muy bueno que subas los codigos fuentes....

    • @ariel6148
      @ariel6148 4 роки тому +1

      que bueno hector!!!! seria genial una lista de reproduccion con todos los patrones de diseño en javascript

    • @hdeleonnet
      @hdeleonnet  4 роки тому +2

      En al descripción viene

    • @carlosgallegos789
      @carlosgallegos789 4 роки тому

      🍺

  • @SangreToxica
    @SangreToxica 2 місяці тому +1

    de 10 hector, bien limpio y sencillamente explicado. Muchas gracias!

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

    Gracias, la verdad que tu forma de explicar hace que se vea mas sencillo de lo que pensaba

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

    Esto es una joya!!! la manera en el cual lo explica, super facil de entender... Crack!!!!!

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

    Excelente explicación ... Bravo !

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

    Buenisimo!! Muy bien explciado!! Muchisimas gracias ^^

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

    Muy buena tu explicación, me ha ayudado muchisimo, gracias!!

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

    Que bonito, muy claro me quedo

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

    Excelente explicación.

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

    Excelente 👌, muchas gracias

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

    Me agrada como explicas 😄

  • @jorgetorrelles1
    @jorgetorrelles1 5 місяців тому

    Clase maestra!!!!

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

    Tremendo video

  • @alyssabuensuceso3733
    @alyssabuensuceso3733 4 роки тому +8

    Y yo que creía que conocía javascript... No sabía de las clases y observadores. Tendré que ponerme a estudiar más.
    Gracias por el video

  • @AlexCGDesign
    @AlexCGDesign 4 роки тому +2

    Qué buen video amigo, excelente!

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

    INCREIBLE

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

    muy buena explicación, había visto esa funcionalidad pero no sabia que se llamaba así el patrón, Salud!!!

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

    Salud!

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

    Lo realiza, pero me costo un huevo y la mitad del otro. Gracias por regalarnos tu tiempo.

  • @DeaHHone
    @DeaHHone 4 роки тому +1

    muchas gracias excelente video.

  • @tionazo
    @tionazo 4 роки тому +1

    Muy buena explicación. Gracias!

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

    Pues no he encontrado mejor video explicativo sobre este patron de diseño. Muy buen trabajo! 🍻

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

    Esto es increíble!! Tuve que verlo varias veces para entender! Gracias

  • @maxdevs
    @maxdevs 4 роки тому

    Saludos por las cervezas de javascript, genial el video ....! siempre reforzando conocimiento contigo.

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

    "Está triste este div" jajaja lo amé. Gracias

  • @carlosgallegos789
    @carlosgallegos789 4 роки тому +1

    Que grande

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

    Increíble todo lo que sabes, gracias por abrirnos la cabeza de tantos conceptos interesantes, gracias, abrazo desde argentina

  • @ramonsorto5107
    @ramonsorto5107 4 роки тому +1

    Excelente video sigue haciendo videos de patrones de diseño estarían geniales

  • @agu160579
    @agu160579 4 роки тому +1

    Que máquina eres. Por rizar el rizo... se podría meter una llamada ajax de modo que la llamada haga una consulta a una tabla y refresques los datos? Eso sería la lexe!!

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

    muy buen video en serio , solo estoy un poco confundido con el notify, pareceria uqe se armara un cuello d botella por que el notify llama al notify en la clase subjetc

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

      el problema es que estoy en algo como typescript es más natural, en js por su flexibilidad parece que es algo antinatural, pero funciona no te preocupes de que se llame igual, si te confunde, puedes cambiar uno, no pasa nada

  • @TheEmanuel15x
    @TheEmanuel15x 8 місяців тому

    buen patrón de diseño me costo un poquito cacharla jaja!

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

    Hola esta bueno, no entendi bien la aplicacion del event input, osea se puede hacer simplemente todo con event input y listo. Osea el event input es el observable. Pense que con esto reemplazabamos manualmente al event input

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

    Que buen vídeo, súper fácil de entender , breve y consiso felicidades espero tu canal crezca exponencialmente :)

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

    que buen video, como no entender con el ejemplo del chismoso!

  • @Christian-ho9qm
    @Christian-ho9qm 4 роки тому +1

    Muy bueno Héctor, súper claro para entenderlo. Tienes más patrones de diseño explicados de la misma manera pero para c# ?
    Saludos

    • @hdeleonnet
      @hdeleonnet  4 роки тому

      ua-cam.com/video/K902i_tsXl0/v-deo.html

    • @Christian-ho9qm
      @Christian-ho9qm 4 роки тому

      @@hdeleonnet Excelente ya los estoy mirando. Saludos.

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

    increible eres un verdadero master, espero pueda subir de los demas patrones de diseño

  • @duranguenze
    @duranguenze 4 роки тому +7

    Esos que dejan dislike, no les gusta la cerveza. Por cierto, en el unsuscribe es diferente de 0 pero debió ser diferente de o.

  • @JesusCastillo-fs5gu
    @JesusCastillo-fs5gu 4 роки тому +5

    oye bastante buena la explicación, es muy importante desarmar los frameworks y mostrar la 'magia' que pasa adentro para usarlos optimamente. Gracias!

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

    Super bien explicado, ahora sí me ha quedado claro este patrón, muchas gracias. A la espera de próximos capítulos de esta serie de patrones de diseño en JS :)

  • @jackquill2092
    @jackquill2092 4 роки тому +1

    Excelente video, que peras ni que manzanas, con cerveza si se aprende, saludos!

  • @507master
    @507master 4 роки тому +5

    Yo realice algo similar en c# y ni sabía que llevaba ese nombre 😅 ya se. Saludos.

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

      en c# también esta el patron observador, y es bastante similar

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

    Señor video, justo cuando empiezo a estudiar React, me vino de perlas para entender el modelo de programación reactiva, muchas gracias!

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

    Que buen video, tienes el don de explicar :D gracias y Salud!!

  • @thedevdudeyt
    @thedevdudeyt 4 роки тому +1

    me encanto mas el nombre de la descripcion Chismoso! jaja excelente video master!

  • @cristiancamilosanchezardil9730
    @cristiancamilosanchezardil9730 4 роки тому +1

    Muy pro !

  • @ervinsolanovargas8385
    @ervinsolanovargas8385 4 роки тому +1

    Gracias por la explicación, a veces se usan las cosas sin saber como funcionan por debajo, uno se imagina que sirven por arte de magia.

  • @ctj01
    @ctj01 4 роки тому +1

    Ah prro traiz el ovnitriz

  • @dpokey_
    @dpokey_ 4 роки тому

    Muchas gracias por la explicación, eres todo un crack. 👌🏻
    Solo me.queda la duda sobre el último comentario que realizaste en el video de como implementarlo con una sola clase y no con 3.
    Por favor si me podrías ayudar con la solución. E intentado hacerlo pero no logro estructurarlo 🙏

    • @hdeleonnet
      @hdeleonnet  4 роки тому +1

      claro, solo sustitulles los divObservers
      class DivObserver{
      constructor(fn){
      this.fn = fn;
      }
      notify(subject){
      this.fn(subject);
      }
      }
      // lo creas así
      let divObserver = new DivObserver((subject)=>{ console.log(subject.text); })

  • @damisidoro1911
    @damisidoro1911 4 роки тому

    Estaría bueno el patrón orquestador

  • @DAMusicPY
    @DAMusicPY 4 роки тому

    Brillante

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

    Siempre me e preguntado como funcionan los eventlisteners a detalle 🤔

  • @pablomartinbarrera1932
    @pablomartinbarrera1932 4 роки тому +1

    👁️👁️