Patrón DECORATOR con CÓDIGO | Ejemplo REAL

Vamos a programar un patrón decorator y os enseño un uso real de éste patrón en una librería de sistema de JAVA. Espero que os guste!
Repositorio:
github.com/mar...
Redes sociales 👇🏽
🐦 Twitter: / bettatech
📸 Instagram: / betta_tech
📹 Canal Secundario: / @forkdebettatech
💬 Slack: bit.ly/33gaDDM
📚 LIBROS!
Design Patterns 👉 amzn.to/39XuQlq
Head First Design Patterns 👉 amzn.to/2uq6XUq
Refactoring 👉 amzn.to/2SQnf2c
Clean Architechture 👉 amzn.to/3bZVonJ
Clean Code 👉amzn.to/32WVKq3
Introduction to Algorithms 👉amzn.to/34SyVFP
Cracking the Coding Interview 👉amzn.to/2QkdwC6

[@BettaTech]

Os dejo el repositorio aquí por si os lo queréis bajar o cotillear!! github.com/martincrb/decorator-design-pattern

[@armandopereztorres8695]

Veo este video y me imagino Plants Vs Zombies. Excelente explicación! Felicidades!

[@xavierll]

Toda la serie de Patrones tendría que tener este enfoque! Y si mediante edición se pudiese ver la implementación vs su UML sería ya de 10!

[@BettaTech]

Por eso siempre intento poner el UML con el "código" en la imagen en vez de simples "cajitas"... sólo que quizá es más difícil de leer jaja

[@patousarg]

Quería felicitarte Martin, por tus videos. Lográs explicar en no más de 15 minutos, muchos conceptos que llevan quizás un semestre entero para comprender. No sólo los explicas con claridad, si no también que agregas ejemplos concretos! Felicitaciones por eso. Algo para aportar a tu video... Es que podrías continuar el ejemplo y explicar composite con ataques de un hero =) Saludos desde Argentina

[@Maisonier]

Estos videos son buenísimos. Recomendadisimo a todos mis contactos.

[@BettaTech]

Mil gracias!

[@gustavovalmana5360]

Entendí perfectamente y pude relacionarlo con un codigo de pagos, dónde tienes un pago con una cantidad inicial y le aplicas decoradores para aplicar descuentos o aumentos al valor inicial, como cada pago decorado sigue siendo un pago entonces puedes hacer lo mismo que haces con todos los pagos como pagar, cancelar, posponer, etc.

[@sleter2929]

madre mia los patrones, como pude programar sin ellos

[@Jorge150CL]

Excelente, a veces el trabajo nos convierte en máquinas y nos aleja de la tan necesaria abstracción para resolver problemas. Videos como estos ayudan a entender los problemas desde otro enfoque y entender cómo funcionan las librerías que usamos. Buenos videos.

[@KelvinVelasquez]

Me impresiona como maneja el concepto para en base al concepto saber que logia usar por eso es importante saber bien la teoria.

[@togacentral]

Excelente explicación y demostración muchas gracias por compartir tu conocimiento. Saludos...

[@antonioitsolutions8792]

Super super útil, los demás patrones de la serie deberían tener un video así, mis dieses

[@noffsmith9906]

Lo máximo bro, viendo tus videos he entendió una cantidad de cosas que hasta ahora no lograba entender ...

[@Jocker88]

Genial vídeo, si lo haces con los diferentes patrones sería magnifico. Aún que el tema de patrones es largo (hay muchos) ver su implementación después de la teoría, es simplemente magnifico. Un saludo.

[@andreslopez2804]

Este enfoque práctico con codigo es increíble para este tipo de videos sobre patrones de diseño, gracias por todo tu trabajo Martín, sigue asi👏👏👏

[@idroj07]

Super ilustrativo! con una explicación así, más pausada y con código real se entiende mucho mejor. Gracias!

[@asaelJBmedina]

Me quedo muy claro con ese ejemplo el patrón decorador y un gran plus que lo explicaste con TS, y compilando usando deno. Excelente aporte!

Buenísimo, y el final viendo cómo lo implementa la API de java fué lo mejor. Yo creo que conociendo los patrones de diseño populares y sabiendo cómo las librerías o APIs de los lenguajes lo implementan sería mucho más fácil aprender a usar un lenguaje con sus librerías de manera más apropiada. Siempre me he preguntado por qué las librerías o APIs no se enseñan a usar con patrones de diseño. En verdad creo que los patrones ayudan mucho a ser mejor programador. Yo soy fan de los patrones desde que los conocí y poco a poco intento implementarlos. Te agradezco el video.

[@carlitosmo]

hola, te sigo porque tus videos son interesantísimos, he aprendido mas como profesional, no son los típicos crud de KZbin, me gustaría saber en que sistema empresarial podrías aplicar un diseño así.

[@pablosanz5037]

Mucho más claro así. Este patrón creo que necesitaba esta explicación extra. Gracias!

[@vaandarken]

Excelente video deberías continuar con éste formato para los demás patrones de diseño Gracias

[@DannyMatarrita]

Estoy iniciando con programación web y me encantan la forma en que explicas !

[@rubenrios5010]

Hola! una pregunta, como añadirías un orden a esos decoradores? por ejemplo en este caso son divisiones y por tanto el orden da igual, pero en el caso de que hubiera una suma/resta y luego una multiplicación o división, ahí sí que afectaría el orden, que se podría hacer en esa situación? un saludo y gracias por tus videos!!

[@erickhilario6217]

LIKE PARA QUE LO VEA Podrías hacer uno haciendo un pequeño proyecto y explicar los principios solid ampliamente por favor!

[@luistalavera6392]

Uffff, excelente explicación se nota el dominio de los conceptos de programación. Muchas felicidades por tan buen video.

[@danielpacheco2520]

Que brutal esa informacion, no puedo decir mas. 10/10

[@BettaTech]

Gracias por comentar

[@yonatanaquinteror2989]

Muchas gracias, con código de ejemplo se entiende más que solo teoría

[@alex148m]

muchas gracias por el video, muy bien explicado, un saludo!!

[@multimastermas]

Hermano has tardado mucho en subir esta serie. Mañana tengo examen de Diseño de Sistemas Software de la Universidad y me entra todo este tema. Wish me luck xD

[@googleuser9422]

Muy bueno! Lo entendi mucho mejor ahora :D

[@BettaTech]

Gracias!! Lo importante es que quede claro 😊 Me alegra que te haya sido útil!

[@guillesodark6903]

El problema que veo aqui es que tienes un orden al fin y al cabo. Independientemente al Enemy le pognas primero un casco y luego una armadura o al reves, primero una armadura y luego un casco. Me refiero, que si tienes el ejemplo de casco y luego armadura, para quitarle el casco o bien haces un getter para que el Decorator te devuelva el enemy interno o obligas a romper primero la armadura para luego romper el casco. Sería posible tener un ArrayList de decorators al enemy y que en cada ataque, se recorra dicho array calculando el daño? De esta forma si le rompes el casco, recorres el array de decorators y haces un pop(). Así en la siguiente iteración ese decorator ya no suma a la defensa.

[@doncarlos212]

Muy buen vídeo, me ha gustado mucho, me gustaría que siguieras tratando temas tan interesantes y también que hicieras algún vídeo de libros o recomendaciones para ser mejores programadores.

[@alvarocisneros1648]

Todo muy claro. Muchas gracias.

[@danielsaenzdecoscalacalle6669]

Muy buena explicación. Gracias!

[@johnd.gomezh.1413]

Muchas gracias por todos los vídeos que publica. Me encantaría ver un vídeo sobre inyección de dependencias y ejemplos en typescript(javascript) si fuera posible.

[@antoniodesousabarroso7945]

Hola, gracias por compartir tus conocimientos y ser tan buen divulgador.

[@iorch82]

Muy bien explicado, un patrón muy bonito. Explicado mejor incluso que el libro HeadFirst que tienes ahí atrás :)

[@Max-gt8hi]

Muchas gracias, excelente explicación... saludos. Tienes razón, con código real se entiende mejor.

[@Magistrado1914]

Excelente explicación Visto en 11/06/2020

[@danielquirospicado431]

Excelente ejemplo de patrón, muy claro,crack 👍haces videos muy buenos

[@TheSuperHombre]

Gran explicación, saludos.

[@terry-]

Con este patrón, cómo sería para sacar un decorador? O sea si lo decoré 2, 3 o 4 veces, como se haría para sacarle el decorador 3, que sería solamente el casco por ejemplo?

[@BrendaaaSanchez]

Una genialidad 🙋‍♀️

[@nikensss]

El otro video se quedo muy teorico. Aqui se ve todo muy claro! :D

[@Rekefa]

Muchas gracias por estos buenos videos BettaTech! Sigue así con el buen contenido se te apoya siempre desde Nicaragua.

[@BettaTech]

Gracias Rekefa! Saludos a todos desde aquí!! :D

[@inmutante]

Muy buen vídeo, como todos los de esta serie de patrones. Sólo me surge una duda en el ejemplo, entiendo que es un ejemplo pero... En estos ejemplos concretos en caso de que quiten el casco de un golpe...¿Cómo quitas de ese enemy ese decorador?

[@carloscastaneda3169]

Excelente trabajo! Admirable el gusto por compartir conocimiento.

[@BettaTech]

Gracias!

[@ricardorector3080]

Super explicado, creo que seria bueno que de la misma forma explicaras los anteriores.

[@JoseMartinez-pl4do]

Muy buen vídeo, usando código para detallar el uso del patrón, y una duda que me surge es que tan recomendable es usar un patrón de diseño cuando ya hay mucho código avanzado, gracias por esta serie de patrones de diseño, que desde que los vi en la carrera me encantaron.

[@tachuela2able]

Excelente video con una explicación súper clara. ¡Muchas gracias por tan buen video!

[@BettaTech]

Gracias a ti por verme! :D

[@FlightgearTutorials]

Wow verdaderamente ahora queda mucho mas claro y no con tanta teoria que nos hacen creer los organismos publicos. Lo unico que me surgio fue una duda y es que diferencia habria entre usar esta arquitectura y usar listados/colecciones. Ejemplo: Clase Enemy: Dim Decorators as New Collection Public function ComputeDamage() For each decorator in Decorators vDamage = decorator.setDamage(vDamage) Next ComputeDamage = vDamage End Function Clase Helmet: Function SetDamage(pDamage) SetDamage = pDamage - 10 End Function Clase Armour: Function SetDamage(pDamage) SetDamage = pDamage - 25 End Function Y finalmente para decorar al Enemigo: BaseEnemy = new Enemy BaseEnemy.Decorators.Add new Helmet BaseEnemy.Decorators.Add new Armour

[@BettaTech]

En este caso de uso tu método es totalmente válido 😀 La diferencia es que con Decorator no necesitas "modificar" el componentes que va a ser decorado. Me explico. En tu ejemplo funciona porque Enemy tiene conocimiento que va a recibir decoradores. Pero imaginate que quieres decorar clases que no son tuyas, que son de una librería o que son de sistema y por lo tanto no puedes acceder a su implementación para añadir esa lógica... Gracias por el comentario!

[@FlightgearTutorials]

@@BettaTech Wow gracias por la increiblemente rapida respuesta. Y tambien por la aclaracion. Ahora soy mucho mas consciente de cuando usar uno y otro. :) Ahora vivo en un mundo de luz y color jejejeje mil gracias

[@HAL-9000-]

En código real es mucho mejor, gracías!

[@buhotecnologico4756]

Más aplicaciones de patrones con código por favor, muy buenos tus videos!

[@devy1451]

Muchas gracias amigo !

[@Victor_Lopez_Alonso]

Muy bueno el ejemplo final de aplicación sobre las clases de InputStream en la API de Java. ¿Tiene este patrón algo que ver con el paradigma AOP que implementa el framework Spring por ejemplo? Muchas gracias, utilísimo tu canal.

[@javigarcia-ripoll6578]

¡Me ha encantado el vídeo! Tu voz se parece un montón a la de MoureDev 🤯😂

[@alexisrivas433]

capo se entedio perfecto, gracias

[@robertosanchezduarte]

Gracias muy bueno!

[@sergiodavidpaezsuarez559]

¿Qué tema usas en vs code?

[@angelyesidmondragonrodrigu6878]

Que buen video amigo , gracias por compartir tu conocimiento

[@brandonlopez6328]

Bárbaro, buenisimo

[@chiptunesfreemusic5040]

Cuando usas los dos puntos, : , por ejemplo takeDamage() : number, eso es solo porque es una interface o siempre que uses class y un método le puedes poner eso? , es como definir el tipo de valor que va a regresar, o con el que va a trabajar internamente? gracias por estos videos

[@BettaTech]

Indica el tipo del valor de retorno de la funcion 😊

[@chiptunesfreemusic5040]

@@BettaTech Ah, gracias buen hombre.

[@NicolasAlbamurillo]

Si tengo un objeto con varios decoradores, como puedo quitar un decorador del medio?

[@PabloHelal]

Muchas gracias.

[@otharwaotharwa1462]

Me gustaria saber que plugins usas para el VSCode. La verdad es que al ver esta explicación me dieron muchas ganas de empezar a jugar de nuevo con TypeScrypt. Gracias

[@otharwaotharwa1462]

Otra cosa mas. De los libros que recomendas, ¿Sabes si existen versiones en Español? y de ser el caso, ¿Los recomendarías o te parece mejor leerlos directamente en Ingles ?

[@ezequielgonzalez656]

Simplemente gracias !!

[@pedrorrivero]

Y cómo harías si quieres quitar decoradores a un objeto ya instanciado?

[@erickhilario6217]

Qué libro recomiendas para aprender patrones de diseño ?

[@sgfpv5897]

Buen video :) tengo una pregunta, ya se que este video es para explicar el patron decorador. Pero en este caso no es mejor darle al Enemy un objeto que sea casco o armadura??

[@-_Marcos_-]

¿Es posible comprobar si ya existe un decorador aplicado? ¿es posible ordenar el orden de las decoraciones aplicadas?

[@victornaranjo3827]

Hola amigo , un saludo! ¿Que tal una serie sobre arquitectura de software ? estaría buenísimo

[@_matias2023]

Muy buena explicación!

[@LuisGarcia-cm9hz]

a mi me sale como si no existiera mi variable protected enemy en HelmetDecorator es como q no entendiera q extendi desde EnemyDecorator.. Es algo de mi editor VS o es algun plugin q me podria estar faltando? como tienes configurado tu VS para trabajar con TS? que me recomiendas?

[@DanielAlvarez-rq5vu]

Que tema es el que tienes en el visual studio code.?

[@Mecolo]

Que theme usas para vs code, esta chevere !

[@FlightgearTutorials]

En el ejemplo anterior que puse, se cumple exactamente la misma funcionalidad sin crear interfaces ni herencia y sin crear una clase para cada combinacion de capas. Al crear un enemigo base este recibe todo el daño de un ataque. Al añadir un objeto Helmet a la coleccion de decoradores del enemigo, el Helmet disminuye 10 puntos del ataque recibido, lo mismo con un enemigo que al añadir un objeto Armour a su coleccion que en el ejemplo que puse disminuye 25 puntos. Y por supuesto la coleccion puede tener añadidas tanto un objeto Helmet como un objeto Armour. Que el enemigo que tenga una configuracion tendria una resistencia de 35 puntos (10 + 25).

[@juliocesarbenitezc.1467]

gracias.

[@keenkidash7616]

7:50 el método takeDamage() de la clase abstracta EnemyDecorator podría (debería) ser abstracto. Las mismas implementaciones concretas de EnemyDecorator van a implementar dicho método. Te ahorras el boilerplate de la implementación de un método que nunca será invocado.

[@BettaTech]

Totalmente! Se me pasó por alto :)

[@javierquirozgalindo664]

Excelente ejemplo!

[@rjfortis5415]

Eres un genio! Excelente contenido!

[@BettaTech]

Muchas gracias! 😄

[@anthonysuarez9895]

Tienes algun video explicando MVC?

[@romeobetances7964]

BettaTerch, haga un video sobre este patrón pero con Unity y C#.

[@ruben3137]

No sabia que Caradechiste haga videos de programación v:

[@JesusGil90]

y para quitarle el casco?

[@bashell01]

genial, muchas gracias

[@maikelrodriguez1142]

estoy estudiandome el libro Head First Design Patterns de Eric Freeman Elisabeth Freeman , vi este video pero noto que no haces en python con visual code ninguno de los otros patrones EN CODIGO, se agradecería .

[@elkatedratico]

Ahora si entendí!!! ☺

[@barbieroalex]

excelente gracias!

[@klapx8499]

Muchas gracias!!

[@BettaTech]

Gracias por comentar!!!!

[@hugomauleongonzalez7940]

Gracias.

[@diegomasis9665]

Diay si...... no hay una explosión de clases de enemigos pero hay una explosión de clases decoradoras 🤣🤣🤣

[@johncerpa3782]

Buen video

[@felipesaldias495]

Y el composite para cuando? :-)

[@Neunapp]

Este patrón se entiende aun mucho mas en Python.

[@EzequielRegaldo]

Gracias por el aporte ! una lástima lo de ts y deno D: (odio mucho, mucho, demasiado TS) pero lo más importante es el concepto y la sabiduría de la implementación lo cual hace que reste total importancia. Nuevamente gracias por todo

[@TheMemin247]

Odiar lenguajes es de simps

[@JosanL]

Es un poco rebuscado, sobre todo al entender el resultado al montarlo todo por lo que dices de las capas de una cebolla (parecido a recursividad), no está mal el patrón. Pero tengo una duda, como cada clase decorada tiene dentro una clase "base", al tener varias capas, ¿no se instanciarían muchas clases intermedias que pudieran ocasionar problemas de memoria? Por ejemplo 10 capas serían 10 o 11 objetos en memoria para un solo enemigo... supongo que apenas se notaría, ni siquiera a escala, más allá del propio cálculo. ¿Qué dice la ciencia?

[@devlegacymx]

Excelente explicación y ejemplo, como diría Shrek, los decoradores son como las cebollas, tienen capas

[@elvis_gastelum]

Un poco fuera del tema... me encanta el hecho de que ahora se deje mucho más fácil empezar a trabajar con ts directamente en deno, no creo que sea el killer pero si la alternativa que le hacia falta a node

[@sergi2204]

No entiendo muy bien la funcionalidad. Tú en tiempo de compilación dices que compute el daño el enemigo con armadura y casco no? ¿Pero y para hacerlo en tiempo de ejecución? Siguiendo el mismo ejemplo, a la hora de que un enemigo haga daño al jugador, no vas a saber fijo si el jugador tiene armadura, casco o lo que sea. Como usas el patrón entonces?

[@luisluisferreira22]

Buenos videos, pero se complican a mi parecer poniendo siempre como ejemplo juegos. Me parece más fácil poner ejemplos de ventas de una tienda o cosas más cotidianas y no tan rebuscadas...... a mi parecer.

[@adrisongomez6482]

Ahora que me doy cuenta, que es explicas tus emplos de codigo como BDD. Osea piensas y codificas como quiere que tu codigo actue y luego codificas para que eso que escribiste funcione...

[@adrisongomez6482]

claro sin escribir test propiamente.

[@chiptunesfreemusic5040]

Cómo se llama el estilo de tu visual studio? xdxd

[@user-bf7im9co2u]

Pues o es Horizon o es Dracula. Yo uso github theme, es bastante amigable