Patrones Creacionales en Diseño de Software

Clase 27 de 27 • Curso de Patrones de Diseño en JavaScript

Clase anteriorSiguiente clase

Resumen

Nombre del curso: Curso de Patrones de Diseño Creacionales en JavaScript

Dean: Sebastián Delmont

School Owner: Oscar Barajas

Profesor: Daniel Basulto

Dirección: Jeniffer Cruz y Juan David Castro

Producción OPS: Lizeth Cáceres y Rocío Martínez

Creación audiovisual: Candela Ocaranza

Edición de video: Diana Capote

Postproducción de audio: Santiago Guarín Suárez

Diseño gráfico: Romi Lavín y Amelia Amórtegui

Coordinación General: Andrés Arizmendy, Daniel Gutiérrez, Carol Baquero, Carlos Céspedes y Sura Cedeño

Revisión: Rodrigo Goitia y Belman Marin

Alvaro Eduardo Garzón Pira

student•

Dani: "Sé que el camino no ha sido sencillo"
Inmediatamente yo después de caer en cuenta que no estuvo nada fácil el curso:

Diego Reyes Cabrera

student•

Verdaderamente, no estuvo fácil... no es como otros cursos de la escuela, que te enseñan a hacer algo y dices Ah ok. En este tienes que pensar, analizar, comprender...

Alvaro Eduardo Garzón Pira

student•

Re leer, re leer, investigar... Siento que a pesar que pudo mejorar este curso con sus ejemplos y explicaciones, es una real joya oculta que rompe el paradigma de "platzi solo enseña lo básico, no profundiza en nada", es una real joya, ¡Falta ya el curso de patrones de diseño estructurales y de comportamiento!

Irving Juárez

student•

Ya tenía rato que no tomaba un curso aquí en Platzi con tan buenos ejemplos y un excelente profesor. PD: Todavia seguimos esperando los siguientes cursos de esta serie de Patrones de Diseño.

Daniel Basulto

teacher•

Estan cocinandose, trabajamos que pronto haya noticias, gracias Irving!

Julio César Cid

student•

Más cursos como este porfavor, en donde se explica con código y ejemplos claros el uso de patrones de diseño.

Daniel Basulto

teacher•

Esta en los planes Julio, el feedback ha sido muy muy bueno!

Ulqernesh Karvenae

student•

Excelente curso, en espera de los próximos dos como recomendación me gustaria que explicara mas ejemplos, si esta bien centrarse en uno para mantener el foco en el código por que no muestras otros casos de uso o en los mismos retos en vez de ser retos relacionados con el ejemplo dado por que no que los retos sean random sean otras situaciones y con eso no pensamos en extender lo que se explico sino en como lo puedo aplicar a esta situación,

Daniel Basulto

teacher•

Gracias por el feedback, anotado!

Elmer Jean Pierre Alpiste Ramírez

student•

En qué ruta estaría esta serie de cursos? Que está genial por cierto.

Daniel Basulto

teacher•

Muchas gracias Elmer. Una disculpa por la respuesta tardía.

Estara en la ruta futura de arquitectura y diseño de software.

Jonathan David Olivos

student•

Es una lástima que los otros cursos nunca vieron la luz

N40 M10

student•

Esperando a los próximos cursos, espero sobre todo a los observer.

Daniel Basulto

teacher•

Se esta cocinando una planificacion ambiciosa para las siguientes categorias :)

N40 M10

student•

Maravilloso!!

Xavier Flores

student•

queremos más cursos de patrones jjj! Excelente curso

Daniel Basulto

teacher•

Seguimos con ello Xavi, gracias!

Hiram Rodriguez Gomez

student•

Excelente serie de cursos, me los recomendaron y fue un tip muy bueno.

A la espera de los siguientes cursos, y probablemente, le daré un repaso extra a estas clases para poder reafirmar mejor estos conocimientos.

Daniel Basulto

teacher•

Excelente Hiram, gracias por tus comentarios!

Johan Sebastian

student•

Necesitan explicar un poco mas de donde sale cada cosa y porque se crea, tambien dar mas ejemplo de como sale cada constructor

Ana Rotela Cabrera

student•

Aprendí muchísimo, lo único es que me gustaría otro curso práctico, este tuvo buenos ejemplos pero me gustaría profundizar con ejemplos que pudieramos usar y asi continuar mejorando.

FABULOSO es el profesor Daniel

Luis Eduardo Payano Villar

student•

class baseCar{
    showCosts(){
    throw new Error('method not implemented');
    }
}

class ElectricCar extends baseCar{
    showCosts(){
        console.log('Costos de un coche eléctrico 150,000 us');
    }
}

class HybridCar extends baseCar{
    showCosts(){
        console.log('Costos de un coche híbrido 30,000 us');
    }
}

class Car extends baseCar{
    showCosts(){
        console.log('Costos de un coche convencional 25,000 us');
    }
}


class factoryCar {
    makeCar(){
        throw new Error('method not implemented');
    }
}


class ElectricCarFactory extends factoryCar{
    makeCar(){
        return new ElectricCar();
    }
}

class HybridCarFactory extends factoryCar{
    makeCar(){
        return new HybridCar();
    }
}

class SingleCarFactory extends factoryCar{
    makeCar(){
        return new Car();
    }
}



function appCarFactory(factory){
    const car = factory.makeCar();
    car.showCosts();
    //... otros métodos y propiedades del coche
}

//appFactory(new HybridCarFactory());
//appFactory(new ElectricCarFactory());
//appFactory(new SingleCarFactory());


function CreateFactory(type){
    const factories = {
        Electric: ElectricCarFactory,
        Hybrid: HybridCarFactory,
        Default: SingleCarFactory
    };

    const Factory = factories[type];

    return new Factory();
}

appCarFactory(CreateFactory('Electric'));
appCarFactory(CreateFactory('Hybrid'));
appCarFactory(CreateFactory('Default'
```class baseCar{    showCosts(){    throw new Error('method not implemented');    }}
class ElectricCar extends baseCar{    showCosts(){        console.log('Costos de un coche eléctrico 150,000 us');    }}
class HybridCar extends baseCar{    showCosts(){        console.log('Costos de un coche híbrido 30,000 us');    }}
class Car extends baseCar{    showCosts(){        console.log('Costos de un coche convencional 25,000 us');    }}

class factoryCar {    makeCar(){        throw new Error('method not implemented');    }}

class ElectricCarFactory extends factoryCar{    makeCar(){        return new ElectricCar();    }}
class HybridCarFactory extends factoryCar{    makeCar(){        return new HybridCar();    }}
class SingleCarFactory extends factoryCar{    makeCar(){        return new Car();    }}


function appCarFactory(factory){    const car = factory.makeCar();    car.showCosts();    //... otros métodos y propiedades del coche}
//appFactory(new HybridCarFactory());//appFactory(new ElectricCarFactory());//appFactory(new SingleCarFactory());

function CreateFactory(type){    const factories = {        Electric: ElectricCarFactory,        Hybrid: HybridCarFactory,        Default: SingleCarFactory    };
    const Factory = factories\[type];
    return new Factory();}
appCarFactory(CreateFactory('Electric'));appCarFactory(CreateFactory('Hybrid'));appCarFactory(CreateFactory('Default'

Luis Eduardo Payano Villar

student•

class singletons{
    static instance = undefined;
    //Atributo estático para almacenar el valor, llamado para la validación de getInstance() 

    constructor(version){
        this.version = version;
    }


    static getInstance(version){
           //Si no existe el atributo instance...
        if(!singletons.instance){
            singletons.instance = new singletons(version); //...lo crea. 
        }
        return singletons.instance;
    }
}

function appSingletons(){
      /*Todas las variables tienen la misma referencia al mismo objeto. 1 sola instancia 
      a lo largo de la aplicación:*/
    const singleton1 = singletons.getInstance('singletons-v1');
    const singleton2 = singletons.getInstance('singletons-v2');
    const singleton3 = singletons.getInstance('singletons-v3');

      console.log(singleton1 === singleton2);
      console.log(singleton1 === singleton3);
}

appSingletons();
```class singletons{    static instance = undefined;    //Atributo estático para almacenar el valor, llamado para la validación de getInstance()&#x20;
    constructor(version){        this.version = version;    }

    static getInstance(version){           //Si no existe el atributo instance...        if(!singletons.instance){            singletons.instance = new singletons(version); //...lo crea.         }        return singletons.instance;    }}
function appSingletons(){      /\*Todas las variables tienen la misma referencia al mismo objeto. 1 sola instancia       a lo largo de la aplicación:\*/    const singleton1 = singletons.getInstance('singletons-v1');    const singleton2 = singletons.getInstance('singletons-v2');    const singleton3 = singletons.getInstance('singletons-v3');
      console.log(singleton1 === singleton2);      console.log(singleton1 === singleton3);}
appSingletons();

Jorge Luis Paiva Huamán

student•

Bien el curso!

Seria genial tambien en C# comparando con JAVA :-)

Ulqernesh Karvenae

student•

Harold Zurita Simon

student•

Excelente curso! 😄 Fueron temas muy interesantes y el contraste con TS ha sido increíble. . Espero con entusiasmo la continuación. Hasta una próxima ocasión 👋.

Daniel Basulto

teacher•

Gracias Harold!!

Patrones Creacionales en Diseño de Software

Introduccion

Patrones de Diseño Creacionales en Software

Patrones Creacionales: Singleton, Factory, Abstract Factory, Builder, Prototype

Singleton

Patrón Singleton: Implementación y Uso en Programación Orientada a Objetos

Diagrama de Clases del Patrón Singleton en JavaScript

Diferencias entre JavaScript y TypeScript en patrones de diseño

Ventajas y desventajas del patrón Singleton en diseño de software

Factory

Patrones de Diseño: Introducción al Patrón Factory

Patrón Factory: Implementación y Detalles Esenciales

Implementación del Patrón Factory Method en JavaScript

Comparación del Patrón Factory en JavaScript y TypeScript

Patrón Factory: Ventajas y Desventajas en Desarrollo de Software

Abstract Factory

Patrón Abstract Factory: Estrategia para Múltiples Fábricas de Coches

Patrones de Diseño: Abstract Factory en Producción de Coches

Implementación del patrón Abstract Factory en JavaScript

Diferencias entre JavaScript y TypeScript en el patrón Abstract Factory

Patrón Abstract Factory: Ventajas y Desventajas

Builder

Patrón Builder: Diseño y Aplicación en Producción de Vehículos

Patrón Builder: Análisis de Diagrama y Clases Relacionadas

Implementación del Patrón Builder en Producción de Coches

Comparación del Patrón Builder en JavaScript vs TypeScript

Patrón Builder: Ventajas, Desventajas y Aplicaciones Prácticas

Prototype

Patrón Prototype: Clonación de Objetos en Diseño de Software

Patrón Prototype en JavaScript y TypeScript

Implementación del Patrón Prototype en JavaScript

Comparación de Prototype en JavaScript y TypeScript

Patrón Prototype: Ventajas y Desafíos en Diseño de Software

Conclusiones

Patrones Creacionales en Diseño de Software