Patrón observador en Javascript 👀

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

[@hdeleonnet]

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

[@miguelfornos]

Obligame prro

[@jsorglez]

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

[@ariel6148]

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

[@hdeleonnet]

En al descripción viene

[@carlosgallegos789]

🍺

[@SangreToxica]

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

[@erickdavidmontanogallego891]

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

[@alyssabuensuceso3733]

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

[@duranguenze]

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

[@hdeleonnet]

Gracias

[@nayelyrodarte7886]

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

[@nolascomedina9545]

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

[@juanisidorogarcia1699]

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

[@jorgetorrelles1]

Clase maestra!!!!

[@alexacevedo1001]

Excelente explicación ... Bravo !

[@507master]

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

[@ebernatanael5219]

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

[@ewalshp]

Excelente explicación.

[@cristhianortellado8906]

Tremendo video

[@herminsulparra1787]

Excelente 👌, muchas gracias

[@victorioortega9509]

INCREIBLE

[@victorsadacarmona9374]

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

[@JesusCastillo-fs5gu]

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

[@AlexCGDesign]

Qué buen video amigo, excelente!

[@Anh_Ra]

Me agrada como explicas 😄

[@angelmgl8137]

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

[@leandrosanchez1797]

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

[@DonecEris]

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

[@AndresLobaton]

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

[@ervinsolanovargas8385]

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.

[@cacmis]

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

[@calcervero]

Que bonito, muy claro me quedo

[@jackquill2092]

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

[@maxdevs]

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

[@RafaDG88]

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

[@jairoarielmendezvasquez718]

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

[@hdeleonnet]

Gracias Jairo

[@gastoncho2002]

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

[@tionazo]

Muy buena explicación. Gracias!

[@DeaHHone]

muchas gracias excelente video.

[@Ricnef]

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

[@ramonsorto5107]

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

[@hdeleonnet]

Es un hecho

[@thedevdudeyt]

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

[@elvisedmar6629]

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

[@cristiancamilosanchezardil9730]

Muy pro !

[@carlosgallegos789]

Que grande

[@bettinimarcelo]

Salud!

[@ctj01]

Ah prro traiz el ovnitriz

[@agu160579]

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

[@hdeleonnet]

Se puede si

[@johnferla3110]

@@hdeleonnet mister si se tiene video de esto?

[@Christian-ho9qm]

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]

kzbin.info/www/bejne/gWqTY5yVqdiLopI

[@Christian-ho9qm]

@@hdeleonnet Excelente ya los estoy mirando. Saludos.

[@ezequielaguilera130]

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

[@manuelzevallos123]

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

[@damisidoro1911]

Estaría bueno el patrón orquestador

[@DAMusicPY]

Brillante

[@maclaren33]

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]

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

[@dpokey_]

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]

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

[@TheEmanuel15x]

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

[@sendo_19]

Siempre me e preguntado como funcionan los eventlisteners a detalle 🤔

[@pablomartinbarrera1932]

👁️👁️