DECORATOR | Patrones de diseño

👉🏻 Obtén 7 días de trial y 25$ de crédito en UpCloud
👉🏻 upcloud.com/signup/?promo=bet...
Lo habéis pedido mucho... y aquí está! El patrón Decorator! Empezamos a ver alternativas a la herencia!
Índice de la serie!
👉🏻 • Las PIEZAS FUNDAMENTAL...
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]

Subí el vídeo como siempre, con el contenido en 4k, pero parece que a KZbin le cuesta procesarlo y solo se ve a 360p.... A ver si consigo que le den caña o que porque hace ya muchas horas... Ya está a 4k! Porfin! jaja

[@lewinviola1393]

Yo necesito verlo en 360p o inclusive menos por mi conexión a internet y no me deja :´v

[@alecDeloyed]

No creo que sea tan imprescindible una resolución tan alta, Solo que sea película o estudio de grabación. Lo importante para los viewers es el contenido de calidad que ofreces. Mi opinión.

[@joshdev15]

@@lewinviola1393 De acuerdo contigo, desde Venezuela es dificil ver el video, lastima estoy muy interesado en el contenido, ni siquiera me aparece una opcion por debajo de 1080

[@lucasgarcia8086]

no podría ponerlo a una resolución más baja?

[@BettaTech]

@@joshdev15 Eso es muy raro. Deberian aparecerte desde 144p hasta la mas alta. O como minimo 720 tambien. Lo acabo de probar desde el movil y me salen todas las opciones 😓 Puede ser alguna extension o algo?

[@danielbarrientos722]

Me gusta mucho este tema ,podemos verlo aplicado en Angular por ejemplo: En cada componente vas a ver que dice @Component, antes de declarar la clase, esto un decorador. Al final lo que maneja angular son objetos de js pero que cuando estoy usando el framework de angular este me facilita darle un comportamiento adicional al objecto. Pero de hecho @Component solo es uno de todos los decoradores que tiene angular y que lo que permite es poder abstraer un comportamiento especifico y poderlo asignar cuando yo quiera. Muy buen trabajo, me gustan mucho tus videos!

[@ceroaleph3092]

Sí, pero los decoradores de TS son nativos del mismo. Lo que acá explica es el patrón decorator de gof, del cual, obviamente, se inspiraron para la implementación de @Decoradores o [Atributos] en TypeScript Y C# respectivamente.

[@ivandanielruiz7634]

Llevo solo una semana suscripto y ya vi mas del 30% de tus videos jaja Muy buen material, espero continues con los demás patrones hasta completarlos. Si fuese así, sin dudas, esta va a ser una lista de reproducción que todo programador inicial debe ver jaja Saludos desde Argentina.

[@DonDregon]

Hola señor de BettaTech, llevo más de 10 años programando y realmente aunque conozca los conceptos y los aplique como en este caso en frameworks javascript, me encanta la forma de explicar y tus videos, me los pongo ya por vicio, sigue así, un abrazo compañero

[@jesusvargas3063]

Gracias por el vídeo, me ayuda un montón a esclarecer los patrones. Muy buen trabajo!

[@sergiom.954]

Aprendo muchísimo con tus vídeos, mil gracias y sigue así!

[@danifgx]

Me parece que está muy bien explicado y, sobre todo, haciendo hincapié en lo más importante y con un ejemplo fácilmente recordable.

[@srcaca6218]

Me encanta este canal! Lo conocí recien hoy y ya he visto muchos videos! Muy buena calidad de video y de aprendizaje! Suscrito

[@leandroclemente6462]

Muy bien explicado, muchas gracias!

[@LauLor1993]

muy buena explicación, excelentes tus videos

[@raul_1987]

¡Excelente contenido como siempre! Un video del patrón Repository estaría genial

[@nicolasfabiancacerescely6607]

grandioso video, te pasas con este canal, videos cortos y muy muy interesantes!

[@JoseMartinez-pl4do]

En este caso no seria mejor utilizar un patron Builder ,para definir la construccion de los enemigos con los powerups , es muy util aprender sobre patrones porque te da una idea general de como funcionan muchas herramientas de manera interna, gracias por los videos

[@BettaTech]

El patrón Builder sería una opción para realizar la creación de esta estructura. Éste patrón es un patrón estructural, por lo que el como crees el objeto final depende de otros factores: Podrías hacer un Factory o un Builder como bien dices :) Gracias por el comentario!

[@pepealeununez290]

Enhorabuena! Muy buenos los videos. Se entiende de lujo todo. Estaría muy guay conocer bien el patrón Observer. Y una lista de videos sobre programación funcional daría de que hablar :D

[@williamgonzalezcobo9095]

Sería genial un ejemplo que no sea con juegos , y muchas gracias por su aporte

[@Visualmotionpro]

Si, reflexionando sobre este ejemplo, creo que no es muy bueno. ¿Que pasaría por ejemplo si queremos quitar el casco al enemigo? Este patrón no permite "desdecorar". No creo que sea un patrón adecuado para el ejemplo que se plantea.

[@biko8]

Bien explicado! Aunque en los diagramas usaría UML ya que tenemos un lenguaje común!

[@itzelbrachomolina3446]

muy bien explicado, gracias

[@janniochaverri4747]

Hola BettaTech, gracias por estos videos. Todo lo explicas muy bien, muchas gracias de veras :)

[@nicopostigo123]

Muy buena explicación! Saludos

[@stephentellez5718]

excelente video, excelente calidad, magnanimo

[@Santi-nf2ey]

gracias lo entendí de primeras con tu explicación

[@kaelt75]

Hola, esta genial la serie de videos sobre patrones de diseño. ¿Podrías recomendarnos un libro para el desarrollo basado en pruebas?

[@patriciavazquez4220]

Muchas gracias por el vídeo 👏

Creo que este es el unico canal que le doy like antes de verlo. Abrazos.

[@matiaslgodoy9531]

Me gusta la explicacion con referencia a videojuegos, en la universidad me lo explicaban con coches y vehiculos, y en mi vida use ni una bicicleta xD

[@inmaculadareyesrodriguez3006]

Explicas muy bien y los patrones es un tema interesante. ¿Piensas seguir haciendo videos de esta serie?

[@JamjizeHDH]

Que hermoso patrón. No lo conocía. Me salvaste de hacer una kk masiva con las clases jaja

[@chiptunesfreemusic5040]

Podrías hacer un video haciendo un proyecto o algun jueguito simple en javascript para ver como codearías todas estas cosas? las veo en tu video y es claro pero no sé como aplicarlo a un proyecto

[@federicoalmada1220]

Muy buen video! Me gustaría uno sobre el patrón Builder

[@erickjhormanromero6905]

jajaja estoy pagando youtube premium para no tener publicidad y este tio ya la hace parte del video por Dios.. pero muchas gracias disftuto tus videos.

[@brianlucana3900]

Excelente video bro, complementa algunas cosas ya había visto. Podes subir el patron Observer?

[@nicoguzman1600]

bueno si uno es un developer de python esta serie te viene genial, pero en mi caso si lo mio es java u otro, es como tratar de entender una multiplicacion explicada en japones. pero al menos hay partes en la que usas uml y ahi se entiende cual es el punto

[@lalocgarcia]

Parece que este patrón es una versión del Composite. Buen vídeo👌

[@husseing345]

I like the game boy collection of the background :)

[@necknio]

Hola! Podrías subir un vídeo sobre el patrón repositorio?

[@misaelpereira9679]

Despues de mucho tiempo, pude entender este patron xD

[@yasmindominguez787]

muy buen video

[@javiermartinez4096]

si te mola el concepto de decorators, mira como se usan en python. Ademas con el syntactic sugar de las @ se hacen muy sencilo de utilizar

[@gevurahs]

Hola @BettaTech he estado buscando y no veo en tu canal que hayas tratado el behavioral pattern "Template Method". Te propongo hacer un vídeo sobre ello. Un saludo!

[@yasserfarach6951]

podrías hablar sobre inyección de dependencias?

[@ivanpallares9039]

Para gestionar el orden en el que unos componentes decoran a otros, no se podria usar subinterficies para el elemento decorado? De manera que no usemos Enemy en todos sino el tipo de enemigo que queremos decorar...

[@JoseManuelLopezHernandez]

Que pro, resolución minimo FullHD, manteniendo la calidad

[@BettaTech]

No es algo que podamos controlar, es KZbin quién coge el vídeo y lo procesa en diferentes resoluciones. Algo habrán cambiado para que ahora la mínima sea 1080p...

[@elmariscal5394]

Hago una consulta: escuché que es preferible componer que heredar pero nunxa entendí porque. Estaría bueno explicar por que o con algún ejemplo. Saludos !

[@franciscomedinillagarcia3738]

Podrias hacer un video de como usar upcloud? algun ejemplo sencillo, algo de ftp, etc? ando un poco perdido. Te lo agradecia muchisimo

[@elvisleon9695]

Y como harias para volver atras, sobre tu ejemplo si el casco es destruido como quitas el decorador?

[@arieldg1997]

CRACK.

[@boomboom-9451]

Que interesante combinar el patron builder con el decorator + factory para hacer una factory de enemigos con equipamiento aleatorio...

[@farfetchdev]

Nose porque pero me encantan los patrones aunque me cueste implementarlo a la primera o me de flojera jajaja Pero después lo hago como si nada

[@Fitoxdxd1]

Me enredo la cabeza, tengo que estudiar mas a fondo los patrones de diseño

[@PositronQ]

Enseñarías algo de arquitecturas matemáticas en redes neuronales o proyectos similares

[@emiliocastillo4582]

Tengo una pregunta, si definimos constructores tendríamos que localizarlos a cada uno, y si queremos portar nuestra app a otra plataforma debemos cambiarlas? Plagaríamos el código con llamadas a constructores de clases de una interfaz de usuario concreta, eso no sería un poco complicado de mantener?

[@luisantonio2273]

360?

[@luisalfonsohuertasdelgado4254]

Hola guapo

[@rmrgnzlz]

El patrón de diseño «Mediador» sería interesante de ver.

[@TheObsider]

Buenas, sabrías decirme algún libro , PDF o información adicional a patrones de diseño como muestras en el vídeo? Donde aprendiste lo enseñaban en la rama de software de informática? Un saludo muy buen video por cierto 👌👌

[@AndresSaaN]

Te recomiendo "Head First Design Patterns" un clásico que te enseña el porqué no sólo cuáles existen

[@sleter2929]

bueno, pero este es el patrón mas fácil e intuitivo. solo hay que ver como funciona el player en un juego de rol

[@PositronQ]

Patron interpreter

[@wimboful]

Eres muy crack. Por cierto das clases? explicas muy bien. Mi novia anda buscando una FP de programación, por si conoces alguna buena a distancia. Un saludo!

[@adrianolmos4739]

Debi inscribir modelos de programacion cuando este chico terminará la serie :c Entendí por completo en 8 minutos lo que no habia entendido en 1 semana, Ahora sufriré con bridge y composite, Ya por desgracia no hay videos de esos D:

[@asdetodo20]

Che es herencia multiple ? osea en los que no soportan eso no va?

[@IncorporarMC]

ahora veo el video en 4k y no puedo ver el video en 480p :(

[@matiasgarcia3538]

Podria explicar el Patron Observer

[@relarbaelish]

En el 5:45 quedó mal la firma de ComputeDamage de EnemyDecorator, figura un array de number cuando debería ser un number.

[@titusfx]

Si gestionas los decoradores con un número de prioridad (un enum) el orden no importaría (en este caso los decoradores deberían ser capaces de detectar si a lo que decoran es un decorador o no, que se resuelve con una clase Base decorador). Creo que no usaría decoradores para este ejemplo. Creo que hay otros que encajan mejor.

[@makonemadriles8908]

Gracias por el aporte, pero en vez de ver tu careto, estaría bien complementar tu charla con esquemas.

[@sota9961]

Se puede quitar un decorador?

[@argalothrengade5591]

Sigue con el anime porfi

[@oriolalascercos7042]

Se podría reemplazar, en ciertos casos, el patrón decorator usando el patrón composite con strategy o otros?

[@BettaTech]

El patrón decorator sirve para modificar el comportamiento de un componente concreto. El patrón Composite para utilizar conjuntos de componente como si fueran "una unidad sola". Són parecidos en estructura pero son totalmente compaginables uno con otro!

[@fernandootruiz477]

Mil gracias por tus videos. Muy bien explicado. Un detallito sin ánimo de ofender y en positivo sería el uso del imperativo en tu narración ya que sueles utilizar el infinito. De nuevo mi enhorabuena 👏👏👏

[@noiretoiles]

Como cuando tu pc no puede reproducir el video porque maximo aguanta 720 unu Aunque igual podía escuchar, y muy buena la inforamción

[@yisonsempai7524]

Enseñaras algo de seguridad informatica?

[@henryandrewmedinacondo9279]

Prime

[@EzequielRegaldo]

Entonces: en los juegos que hay sistemas de inventarios, donde uno equipa ciertos objetos, el cálculo de reducción de daño, por ejemplo, se hace gracias a una cadena de decoradores ? O.o

[@BettaTech]

Depende de cada proyecto, no tienen porqué hacerlo así! Es simplemente un ejemplo para que de forma conceptual se entienda :D

[@EzequielRegaldo]

@@BettaTech genial, muchas gracias por la respuesta, aprecio tu contenido

[@motob3553]

como se llama ese tema?

[@LlegoManuel]

Esta bien que subas los videos a 4k, pero para algunos en America Latina, tenemos nuestro internet tercermundista y no podemos verlo

[@BettaTech]

No podeis ponerle una calidad inferior? 🤔

[@LlegoManuel]

Mi error. Al ver este solo tenía de 1080 para arriba. Al ver otro video, ya me aparecían las demás

[@BettaTech]

@@LlegoManuel que raro, a veces youtube la lia. Una vez tardo semanas en dar algo mayor a 360p 😂

[@Lass412]

Hey Vsauce

[@roy_c]

Patron template method

[@moisescamacho7364]

Hola @BettaTech disculpa tengo una duda ¿Porque se actualiza mi navegador al subir un archivo con ajax, jquery y php? según veía el error puede ser en la versión de jquery que uso(v3.4.1) ya dicen que el chrome puede que no lo soporte o eso leei aqui es.stackoverflow.com/questions/8591/porque-se-actualiza-mi-navegador-al-subir-un-archivo-con-ajax-jquery-y-php Porfa necesito ayuda me molesta que se refresque la pagina cada vez que envie una img o un archivo y si tengo puesto el e.priventDefault()

[@raulruizbolivar]

Porque dos horas despues de la subida, se ve en 360? en que año estoy? dime que en el 2009 y no en el 2020

[@BettaTech]

Aun se ve a 360p? Maldito youtube...

[@user-xx3xc5wb2n]

Por que hasta ahora siempre usas herencia en lugar de interfaces? en java no existe herencia multiple y por ello se prefiere trabajar con interfaces...

[@emanuelibanez6299]

bajale la calidad bro, cuesta desde redes de mala calidad absorver la info en 1080 de minimo

[@amaurifriasvargas600]

Quiero saber si es un error de youtube o si los youtuber puede poner por defectos que los videos se puedan ver solo desde un formato x hasta otro este video me sale solo 1080 hasta 4k impidiendo que pueda bajar la calidad y tampoco poder disfrutar de la preproduccion

[@BettaTech]

En principio es KZbin que procesa el video en todos los formatos. Realmente yo no puedo escoger que resoluciones se pueden seleccionar 🥲

[@amaurifriasvargas600]

@@BettaTech Muchas gracias por la respuesta!

[@mangaazul9559]

Puede que lo expliques muy bien y será fácil para ti, pero a mí no me entra el tema de los patrones de diseño no lo comprendo, hay otra forma de contarlo para lentitos.

[@Slayz38]

Te recomiendo ver diferentes fuentes, videos o textos, trata de asociarlo a algún problema que te sea conocido y lo más importante es tratar de explicarlo con tus propias palabras. Así te aseguras de entender bien el concepto. Ánimo, tú puedes ;)

Manga, Te entiendo para mi que vengo desde otra area de de la ingeniería se me hace muy difícil pero con la practica y creando lineas de código iras viendo la razón incluso puedes que llegues a estas misma soluciones por ti mismo siguiendo buenas practicas. No eres lentito llegaras a tu tiempo. a mi me a tomado mucho tiempo y aun considero que no lo conozco todos.

[@eliazarlopez4183]

Patrones de diseño al inicio puedes ser un tema algo complicado, por el hecho de que nos obliga a seguir una serie de reglas para poder replicar esos compartamientos, pero al final no es más que programación orientada a objetos en todo su esplendor, te recomiendo que repases esos temas, a mí me ayudó bastante y ánimo si se puede

[@oriolasecas0]

Tengo un repositorio con algunos ejemplos de cómo utilizar los patrones y cómo poder encajar diferentes patrones. Puede que te ayude: github.com/Oriolac/java-design-patterns

[@mangaazul9559]

Gracias a todos por las repuestas.

[@eldiosdelcielo]

.

[@rodrigocastilla3375]

Hi vsauce michael here ! Ahhh no veda ... no es este wey.

[@SoulSolDieR740]

Esto viene de perlas a la hora de programar para Unity o Unreal Engine

[@user-xx3xc5wb2n]

tio buen video pero consejo: deja de dar la misma introduccion en cada video, se hace tedioso, ya sabemos que va de una serie de videos de patrones xd.

[@oOCounterStrikeOo]

el decorator es con diferencia el patron mas fumada que se da en la carrera. comparame el decorator con el strategy o el singleton que solo es un constructor privado y un par de tonterias mas xD

[@vitosgariglia6698]

bajame la calidad que el internet no me acompaña para verlo en hd

[@elkatedratico]

no entendí naaaah!!!!

[@federicotorres6227]

No me molesta que haya publicidad al principio del video...pero otra vez lo mismo a la mitad del video es irritante. Dejando de lado eso buen video

[@elvisgarcia6078]

Por que te obliga a ver el video a partir de 1080 mi internet no puede XDDD

[@jondotsoy]

@MultiplicaPor100() function enviaSaludo(saludo: "Que buen video") {}

[@veoquenoesunproblema]

Me encantan tus videos, pero me choza el uso de spanglish jaja, sponsorizado?, no es mejor patrocinado o la palabra en inglés correctamente pronunciada. Me encantan tus videos, repito.

[@javier232010gmail]

No entendí 😂

[@gatoloco1873]

De que sirve entenderlo si en una semana se me va a olvidar de que va :v

[@sota9961]

Montate un programita donde lo uses ;) así los estoy aprendiendo yo

[@yusnielsuarez1105]

acaso te das cuenta q muy pocos entienden todo lo q explicas de la forma q lo haces? q la forma de explucarlo ll ha en realmente complejo de entender...entonces para q haces el tutorial si el objetibo principal no se cumple

[@estebanmatthaus2241]

Sin ofender pero está muy mal ejemplificado, nadie con cerebro recurriría a la herencia para solucionar el caso que mencionas desde 0:57 cuando se puede resolver simplemente manipulando atributos.

[@alfredocalvimontes2488]

Porfa, no hace falta que sea obligatorio el HD para un video, hay que dar opciones a menor resolución, es molesto y perjudicial. Casi le pongo dislike.

[@BettaTech]

Yo no puedo escoger que resoluciones aparecen en el vídeo :S Es extraño que ahora KZbin solo muestre de 1080p para arriba...

[@JulianLasso]

Mucha teoría y cero acción, creo que cuando se publica un vídeo de esta clase, se hace es mostrando código funcionando, donde se explique de manera "muy básica" pero funcional lo que se está hablando y no con imágenes que la verdad.... te dejan en las mismas.

[@klapx8499]

this, POR FAVOR

[@psicodelico6]

Mmmm yo entiendo mejor con el esquema