SOLID Principles in JavaScript

Ғылым және технология

Complete tutorial on the SOLID Principles in JavaScript! ✨
🔍 In this video, we will break down each of the 5 SOLID principles, essential for any web developer who wants to raise the quality and maintainability of their code. Using REAL, everyday examples, you'll learn how to identify and fix common problems in your code.
📌 VIDEO CONTENT:
00:00 Subscribe
01:37 Single Responsibility Principle
04:34 Open/Closed Principle
08:46 Liskov Substitution Principle
13:10 Interface Segregation Principle
16:43 Dependency Inversion Principle
🚀 Are you new to the world of web development or looking to improve your JavaScript skills? Then this video is FOR YOU.
🔗 Other videos you may be interested in.
• 7 ESTRUCTURAS de DATOS...
• 5 Conceptos de JAVASCR...
• LO NUEVO que trae JAVA...
• 🟨 CURSO DE JAVASCRIPT ...
💬 Leave in the comments your doubts or share your experience applying the SOLID Principles.
Support the content of this channel by becoming a MEMBER.
► kzread.infojoin
Join the channel's WEB DEVELOPMENT and PROGRAMMING COMMUNITY.
► / discord

Пікірлер: 66

  • @justblueman
    @justblueman9 ай бұрын

    *S* - Single Responsability Principle (Principio de Responsabilidad Única) 1:37 *O* - Open/Closed Principle (Principio de Abierto/Cerrado) 4:34 *L* - Liskov Substitution Principle (Principio de Sustitución Liskov) 8:46 *I* - Interface Segregation Principle (Principio de Segregación de la Interfaz) 13:10 *D* - Dependency Inversion Principle (Principio de Inversión de Dependencia) 16:43

  • @dereksamuelpaulpena9197
    @dereksamuelpaulpena91979 ай бұрын

    No es sencillo encontrar una definición tan clara de los principios SOLID con JavaScript, pero lo explicaste muy claro y entendible Carlos, muchas gracias

  • @elvisgarcia1822
    @elvisgarcia18229 ай бұрын

    un video de patrones de diseños en javascript con functions (nose si se puede hacer con functiones) estaria genial, por lo menos 5-8 patrones de diseños, no he visto a nadie explicandolo en espa;ol y si hay nadie lo explicara como tu :)

  • @sanchezcarlos1986
    @sanchezcarlos19869 ай бұрын

    El ejemplo de LSP me sonó mucho al de OCP, dado que la función makeRequest está abierta a recibir cualquier handler siempre que este cumpla con el contrato de tener un método handle, y a su vez está cerrada a modificaciones. De igual manera cumple con el SRP. Mismo caso que el DIP. Gran video como siempre Carlos! 👏🏼

  • @enriqueruiz320
    @enriqueruiz3208 ай бұрын

    Huy!! primer vídeo de SOLID que me chuto completo 😵 lo veré de nuevo je je

  • @lara97196516
    @lara971965169 ай бұрын

    En el segundo ejercicio de open closed, me da la impresión que lo que hizo fue el principio de responsabilidad única. Creaste dos funciones con diferentes responsabilidad. El principio de open closed, en si es como el más complejo 😊

  • @nombre11653

    @nombre11653

    7 ай бұрын

    A mí me gusta más pensarlo como en una interfaz, al crear una interfaz tienes que crear métodos que pueden contener unos parámetros y un valor de retorno. Entonces cuando creas un método y lo implementas en una clase ese método se queda tal cual como está, si el día de mañana necesitas agregar una nueva función a la interfaz, no vas a modificar los métodos ya creados sino que agregarlas uno nuevo. Así dejas quieto lo que ya está construido pero amplias a partir de lo ya existente. Logrando mantener así el principio, cerrado a modificaciones pero abierto a la extensión

  • @johanalexandergarciarestre5579
    @johanalexandergarciarestre55799 ай бұрын

    Nunca habia visto a nadie explicar esto con tanta claridad usando JS , Gracias!!

  • @user-eu5lr1bs9q
    @user-eu5lr1bs9q6 ай бұрын

    Muchas gracias caballero. Perfecto!

  • 9 ай бұрын

    No soy de JS ni de web, pero me he dado cuenta que algunos los voy usando por las ostias que me he dado anteriormente! Un video muy interesante.

  • @frankaguadol.5273
    @frankaguadol.52739 ай бұрын

    Excelente explicación, clara y concisa. ¡Muchas gracias! ¡Saludos!

  • @AlfaP
    @AlfaP9 ай бұрын

    Gracias, excelente explicación

  • @francovaccari981
    @francovaccari9818 ай бұрын

    Excelente video super entendible!!!

  • @ciromontes8924
    @ciromontes89249 ай бұрын

    gracias son excelentes bases para practicar muy amable por subir este conocimiento!

  • @cristiantapiaolivera2234
    @cristiantapiaolivera22349 ай бұрын

    Muy clara la explicación, muchas gracias por tu contenido Carlos, grande!!!

  • @aaronvillegas7066
    @aaronvillegas70669 ай бұрын

    Gracias Capo!

  • @andresfont4651
    @andresfont46519 ай бұрын

    Excelente explicación!!! Muchas gracias por compartir este contenido

  • @criscact
    @criscact9 ай бұрын

    Muy bien explicado!

  • @maurizioyedro8622
    @maurizioyedro86228 ай бұрын

    Gracias, sos lo más!

  • @chaboxx159c
    @chaboxx159c9 ай бұрын

    Grande Carlos , gracias por tu contenido :)

  • @renzoosoriovaldez3378
    @renzoosoriovaldez33789 ай бұрын

    Que buena explicación Carlos, muchas gracias por compartir este video

  • @BlackSoldier_VE
    @BlackSoldier_VE9 ай бұрын

    Super, excelente video!!!!!!

  • @ivanlhz
    @ivanlhz9 ай бұрын

    Creo que OCP no quedó muy claro, me da a entender que cada vez que tenga que agregar un nuevo método de pago, tendría que agregar al menos una línea a la función de processPayment, para llamar a la nueva funcionalidad, por lo que si somos puristas estaríamos rompiendo el OCP, ya que estamos modificando su código. En cambio si metemos un 3 parámetro, llamémosle callback, podríamos llamar al callback después de que nuestra función haga su magia y así poder añadir la funcionalidad extra que necesitemos. Muy buen video y genial edición también. Felicidades por el curro. Un saludo.

  • @mjavint
    @mjavint5 ай бұрын

    Excelente explicación, sigue asi mi hermano

  • @javierandres-dev
    @javierandres-dev9 ай бұрын

    Gracias!

  • @CristianRomero-up1nj
    @CristianRomero-up1nj7 ай бұрын

    Bro de lo mejor de js en toda la web, las entrañas de js explicadas magicamente

  • @CarlosAzaustre

    @CarlosAzaustre

    7 ай бұрын

    Mil gracias Cristian 😊

  • @vinzegonzalesgamboa1908
    @vinzegonzalesgamboa19089 ай бұрын

    que buen video, la mejor explicacion que pude ver en 2023

  • @terry-
    @terry-4 ай бұрын

    Genial!

  • @andresg9108
    @andresg91083 ай бұрын

    Excelente explicación.

  • @CarlosAzaustre

    @CarlosAzaustre

    3 ай бұрын

    Mil gracias! Me alegro que te haya servido

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt9 ай бұрын

    Buen video Carlos

  • @deivi1790
    @deivi17903 ай бұрын

    Podrías hacer un video sobre Patrones de arquitectura y patrones de diseño. Dando ejemplos para cada situación o caso en especifico. Usando js y java para ver sus diferencias entre ambos lenguajes. Y otro video aplicando estos patrones en react. Te lo agradecería mucho 🎉

  • @CarlosAzaustre

    @CarlosAzaustre

    3 ай бұрын

    Gracias por comentar @Deivi1790! lo tendré en cuenta :)

  • @ArmandoPineda4
    @ArmandoPineda48 ай бұрын

    Super bueno

  • @juniorfabianpachecomoyano8150
    @juniorfabianpachecomoyano81509 ай бұрын

    Teso, me pareció excelente :D

  • @ManuCastrillon
    @ManuCastrillon8 ай бұрын

    ¡Que buena explicación! Conceptos que son super importantes recordar constantemente incluso si ya tenemos experiencia, porque con el tiempo se nos olvidan.

  • @CarlosAzaustre

    @CarlosAzaustre

    8 ай бұрын

    Hey Manu! Muchas gracias por comentar :)

  • @__renesan
    @__renesan8 ай бұрын

    Gracias

  • @user-ro5dq5xd7n
    @user-ro5dq5xd7n8 ай бұрын

    Es muy bueno EXPLICANDO JODEER!!!

  • @xlewixx
    @xlewixx9 ай бұрын

    excelente, muchas gracias, pregunta, que tema es ese, tambien pack de iconos

  • @efyse
    @efyse6 ай бұрын

    Esto si, es enseñar

  • @CarlosAzaustre

    @CarlosAzaustre

    6 ай бұрын

    Muchas gracias! :)

  • @zxyabc987
    @zxyabc9879 ай бұрын

    Uffas, había escuchado de estos términos y en su momento quise aprenderlos y aplicarlos pero no entendí nada y terminé odiando esa palabra SOLID. Tu explicación con ejemplos me ha gustado mucho y creo que haré las pases jaja

  • @AlejandroGallardoHerranz
    @AlejandroGallardoHerranz9 ай бұрын

    Qué tema de vscode usas?

  • @miguelvasquez9849
    @miguelvasquez98499 ай бұрын

    el open/close sería relacionado a la abstracción?

  • @danielcardenas4879
    @danielcardenas48798 ай бұрын

    La d en java o en otros lenguajes tiene algo que ver con el @override para inyectar dependencias clases o objeto ?

  • @manuelmitacc7117
    @manuelmitacc71178 ай бұрын

    Holas, el ejemplo animado de "Principio de Sustitución Liskov", no hace "mach" con el tema.

  • @psiciliano77
    @psiciliano778 ай бұрын

    Capo, en el ultimo ejemplo seria mas claro si usaras herencia para extender de otra clase que sea abstracta, Connection, ambas implementaciones concretas

  • @CarlosAzaustre

    @CarlosAzaustre

    8 ай бұрын

    Los principios SOLID están pensados en la programación Orientada a Objetos. En este video los aplico a JavaScript, que aunque permite trabajar con OOP, he preferido darte un toque funcional.

  • @Narfiam
    @Narfiam9 ай бұрын

    top

  • @mjavint
    @mjavint5 ай бұрын

    Puedes hacer ejemplos usando react?

  • @CarlosAzaustre

    @CarlosAzaustre

    5 ай бұрын

    Claro! Un video de solid aplicado a react suena genial como 2a parte de este :)

  • @vicxaam90
    @vicxaam909 ай бұрын

    Tengo una duda Porque la funcion calculateSalary recibe todo el objeto employee en lugar de hoursWorked y payPerHour: calculateSalary(hoursWorked, calculateSalary)?. Saludos.

  • @ftwtf

    @ftwtf

    9 ай бұрын

    porque tiene sentido ya que ambas propiedades están en el objeto Employee, además siempre es ideal que una función tenga el menor número de parámetros. De hecho el código se podría mejorar mas incluso si en la función del generateReport creas un objeto Wrapper que incluya todo lo necesario para el report. Pero esto ya son otro tipo de buenas práctica que se dan por supuestas al aplicar SOLID.

  • @eladioquinterolopez8020
    @eladioquinterolopez80208 ай бұрын

    Cuál es la topografía que está usando? Me gustaría tenerla

  • @CarlosAzaustre

    @CarlosAzaustre

    8 ай бұрын

    Es Cascadia Code 👍

  • @historiaclasica
    @historiaclasica8 ай бұрын

    conque programa haces tus videos

  • @CarlosAzaustre

    @CarlosAzaustre

    8 ай бұрын

    Utilizo OBS para grabar la pantalla y la imagen de la cámara

  • @historiaclasica

    @historiaclasica

    8 ай бұрын

    @@CarlosAzaustre y para edición lo mismo.

  • @historiaclasica

    @historiaclasica

    8 ай бұрын

    Contigo aprendí que era eso, creo que explicas bien.

  • @CarlosGaliano111
    @CarlosGaliano11127 күн бұрын

    12:40 no dejo ver la liea 21 y 22

  • @joseaburt
    @joseaburt9 ай бұрын

    Carlos lee nuevamente la página 62 si es la versión en inglés. El SRP no lo pillaste. Vuelve a leer el libro y fijate en la relación: autor vs el compromiso adquirido por el módulo para satisfacer esa necesidad del autor. Tambien recordar que el titulo de ese principio es completamente correcto o estaba fumando una pipa el tio Bob que solo el sabra en que estaba pensando al decidir sobre ese titulo. xD

  • @elkatedratico
    @elkatedratico8 ай бұрын

    muchas gracias por tu aporte, te has tomando un tiempo necesario para generar este contenido, está muy bien hecho el video, pero creo has usado el peor lenguaje para explicar estos principios, por ejemplo, el uso de las interfaces no se ha aplicado correctamente, no obstante, la gente se puede hacer una idea de lo que quisiste transmitir.

  • @PabloOlivera-my7wm
    @PabloOlivera-my7wm4 ай бұрын

    La definición de 8:58 esta mal, se ve que todos la copian del mismo lugar. La definición es lo que esta despues de la coma y el ejemplo del pastel tambien esta mal (de arranque xq si quieres un pastel de manzana no vas a sustituir la manzana por una fruta que no sea manzana) o al menos no das a entender lo que quieres decir. El pastel sigue siendo pastel independientemente de la fruta que uses, no es que si usas manzana puedes hacer el pastel y si usas platano te cambia la receta.

  • @vmartinetti
    @vmartinetti2 ай бұрын

    Pues haz mezclado Open Closed en el Liskov substitution

Келесі