Contenido del curso
Playground - Mejora el código usando builder pattern
Osvaldo Martinez Guillen
Estudiante
Carina Payleman
Estudiante
Alejandro Anaya
Estudiante
Joan Alexander Valerio Rodríguez
Estudiante
Randy Ochoa
Estudiante
Daniel Romao
Estudiante
David Ochoa
Estudiante
willmar fernando romero marin
Estudiante
Pablo Perez
Estudiante
Alexis Corrales
Estudiante
Angel Javier Sanchez Tenjo
Estudiante
Elias Rayas Gonzalez
Estudiante
Raul Carrillo Garrido
Estudiante
Pablo Pincay Alvarez
Estudiante
JAIME EDUARDO DIAZ TOBON
Estudiante
Esteban Alzate Atehortua
Estudiante
Andrés Camilo Vélez Mejía
Estudiante
Gabriel Luna
Estudiante
Jose Carlos Machado
Estudiante
Abril Darynka Tapia Sosa
EstudianteTodo bien, listo.
export class CarBuilder { // Tu código aquí 👇 constructor() { this.year = 0; this.model = ''; this.brand = ''; this.color = ''; this.price = 0; this.isAvailable = null; } setYear(year) { this.year = year; return this; } setModel(model) { this.model = model; return this; } setBrand(brand) { this.brand = brand; return this; } setColor(color) { this.color = color; return this; } setPrice(price) { this.price = price; return this; } setIsAvailable(is) { this.isAvailable = is; return this; } build() { return { year: this.year, model: this.model, brand: this.brand, color: this.model, price: this.price, isAvailable: this.isAvailable }; } }
export class CarBuilder { constructor(year, model, brand, color, price, isAvailable) { this.year = 0; this.model = ''; this.brand = ''; this.color = ''; this.price = 0; this.isAvailable = true; } setYear(year) { this.year = year; return this; } setModel(model) { this.model = model; return this; } setBrand(brand) { this.brand = brand; return this; } setColor(color) { this.color = color; return this; } setPrice(price) { this.price = price; return this; } setIsAvailable(isAvailable) { this.isAvailable = isAvailable; return this; } build() { return { year: this.year, model: this.model, brand: this.brand, color: this.color, price: this.price, isAvailable: this.isAvailable }; } }
🛡️🛡️Escudo anti-spoilers🛡️🛡️
Mi solución al reto:
export class CarBuilder { constructor() { } build() { return this } setYear(value) { this.year = value return this } setModel(value) { this.model = value return this } setBrand(value) { this.brand = value return this } setColor(value) { this.color = value return this } setPrice(value) { this.price = value return this } setIsAvailable(value) { this.isAvailable = value return this } }
Excelente el reto !!!
Solucion:
export class CarBuilder { // Tu código aquí 👇 constructor(year, model, brand, color, price, isAvailable) { this.year = 0 this.model = "" this.brand = "" this.color = "" this.price = 0 this.isAvailable = null } setYear(año) { this.year = año return this } setModel(modelo) { this.model = modelo return this } setBrand(brand) { this.brand = brand return this } setColor(color) { this.color = color return this } setPrice(price) { this.price = price return this } setIsAvailable(isAvailable) { this.isAvailable = isAvailable return this } build() { return { year: this.year, model: this.model, brand: this.brand, color: this.color, price: this.price, isAvailable: this.isAvailable } } }```
Mi solucion: . . . . . . . . . .
export class CarBuilder { constructor() { this.year = 0; this.model = ''; this.brand = ''; this.color = ''; this.price = 0; this.isAvailable = null; } setYear(year) { this.year = year; return this; } setModel(model) { this.model = model; return this; } setBrand(brand) { this.brand = brand; return this; } setColor(color) { this.color = color; return this; } setPrice(price) { this.price = price; return this; } setIsAvailable(boolean) { this.isAvailable = boolean; return this; } build() { return { year: this.year, model: this.model, brand: this.brand, color: this.color, price: this.price, isAvailable: this.isAvailable, } } }
🛡️🛡️🛡️Escudo anti spoilers🛡️🛡️🛡️
Mejora el codigo usando builder
!Spoiler Shield:format(gif)/cdn.vox-cdn.com/uploads/chorus_image/image/55278741/gatsby.0.gif)
export class CarBuilder { // Tu código aquí 👇 constructor() { this.year = 0; this.model = ""; this.brand = ""; this.color = ""; this.price = 0; this.isAvailable = undefined; } setYear(year) { this.year = year; return this; } setModel(model) { this.model = model; return this; } setBrand(brand) { this.brand = brand; return this; } setColor(color) { this.color = color; return this; } setPrice(price) { this.price = price; return this; } setIsAvailable(isAvailable) { this.isAvailable = isAvailable; return this; } build() { return { year: this.year, model: this.model, brand: this.brand, color: this.color, price: this.price, isAvailable: this.isAvailable, }; } }
en las plantillas esta el poder de la industria del software. me doy cuenta que hay que practicar hasta ver las generalidades de las plantillas y en ese entonces se tendrá la vision de un arquitecto
export class CarBuilder { constructor() { this.year = 0; this.model = ""; this.brand = ""; this.color = ""; this.price = 0; this.isAvailable = false; } setYear(year) { this.year = year; return this; } setModel(model) { this.model = model; return this; } setBrand(brand) { this.brand = brand; return this; } setColor(color) { this.color = color; return this; } setPrice(price) { this.price = price; return this; } setIsAvailable(isAvailable) { this.isAvailable = isAvailable; return this; } build() { return { year: this.year, model: this.model, brand: this.brand, color: this.color, price: this.price, isAvailable: this.isAvailable, }; } }
export class CarBuilder { // Tu código aquí 👇 constructor(year, model, brand, color, price, isAvailable) { this.year = 0; this.model = ''; this.brand = ''; this.color = ''; this.price = 0; this.isAvailable = false; } setYear(year) { this.year = year; return this; } setModel(model) { this.model = model; return this; } setBrand(brand) { this.brand = brand; return this; } setColor(color) { this.color = color; return this; } setPrice(price) { this.price = price; return this; } setIsAvailable(isAvailable) { this.isAvailable = isAvailable; return this; } build() { return { year: this.year, model: this.model, brand: this.brand, color: this.color, price: this.price, isAvailable: this.isAvailable, }; } }
Hola la solución....
✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅
exercise.js
export class CarBuilder { constructor() { this.year = 0; this.model = ""; this.brand = ""; this.color = ""; this.price = 0; this.isAvailable = true; } setYear(year) { this.year = year; return this; } setModel(model) { this.model = model; return this; } setBrand(brand) { this.brand = brand; return this; } setColor(color) { this.color = color; return this; } setPrice(price) { this.price = price; return this; } setIsAvailable(isAvailable) { this.isAvailable = isAvailable; return this; } build() { return { year: this.year, model: this.model, brand: this.brand, color: this.color, isNew: this.isNew, price: this.price, isAvailable: this.isAvailable, }; } }
Solucion
class CarBuilder { // Tu código aquí 👇 setYear(Year) { this.Year = Year; return this; } setModel(Model) { this.Model = Model; return this; } setBrand(Brand) { this.Brand = Brand; return this; } setColor(Color) { this.Color = Color; return this; } setPrice(Price) { this.Price = Price; return this; } setIsAvailable(IsAvailable) { this.IsAvailable = IsAvailable; return this; } build() { return { year: this.Year, model: this.Model, brand: this.Brand, color: this.Color, price: this.Price, isAvailable: this.IsAvailable } } }
. . . . . . . . . . . . .
class Car { constructor(year, model, brand, color, price, isAvailable) { this.year = year; this.model = model; this.brand = brand; this.color = color; this.price = price; this.isAvailable = isAvailable; } } export class CarBuilder { constructor() { this.year = null; this.model = null; this.brand = null; this.color = null; this.price = null; this.isAvailable = null; } setYear(year) { this.year = year; return this; } setModel(model) { this.model = model; return this; } setBrand(brand) { this.brand = brand; return this; } setColor(color) { this.color = color; return this; } setPrice(price) { this.price = price; return this; } setIsAvailable(isAvailable) { this.isAvailable = isAvailable; return this; } build() { return new Car( this.year, this.model, this.brand, this.color, this.price, this.isAvailable ); } }
SPOILER <3
.
. . . .
. . . . . .
. . . . . .
.
export class CarBuilder { // Tu código aquí 👇 constructor() { this.year = 0; this.model = ""; this.brand = ""; this.color = ""; this.price = 0; this.isAvailable = false; } setYear(year) { this.year = year return this } setModel(model) { this.model = model return this } setBrand(brand) { this.brand = brand return this } setColor(color) { this.color = color return this } setPrice(price) { this.price = price return this } setIsAvailable(isAvailable) { this.isAvailable = isAvailable return this } build() { return { year, model, brand, color, print, isAvailable } } }
++MI SOLUCION++ 💪 . . . . . . . . . . . . . . . . . . . . . . .
export class CarBuilder { constructor() { this.year = 0; this.model = ""; this.brand = ""; this.color = ""; this.price = 0; this.isAvailable = false; } setYear(year) { this.year = year; return this; } setModel(model) { this.model = model; return this; } setBrand(brand) { this.brand = brand; return this; } setColor(color) { this.color = color; return this; } setPrice(price) { this.price = price; return this; } setIsAvailable(isAvailable) { this.isAvailable = isAvailable; return this; } build() { return { year: this.year, model: this.model, brand: this.brand, color: this.color, price: this.price, isAvailable: this.isAvailable }; } }
Solución: . . . . . . . .
. . . . . . . . . . .
export class CarBuilder { // Tu código aquí 👇 constructor() { this.year = 0; this.model =0; this.brand =""; this.color =""; this.price =0; this.isAvailable = true; } setYear(year){ this.year= year; return this; } setModel(model){ this.model= model; return this; } setBrand(brand){ this.brand= brand; return this; } setColor(color){ this.color= color; return this; } setPrice(price){ this.price= price; return this; } setIsAvailable(isAvailable){ this.isAvailable= isAvailable; return this; } build(){ return{ year: this.year, model: this.model, brand: this.brand, color: this.color, price: this.price, isAvailable: this.isAvailable, } } }
export class CarBuilder { // Tu código aquí 👇 constructor() { this.year = 0; this.model = ''; this.brand = ''; this.color = ''; this.price = 0; this.isAvailable = false; } setYear(year) { this.year = year; return this; } setModel(model) { this.model = model; return this; } setBrand(brand) { this.brand = brand; return this; } setColor(color) { this.color = color; return this; } setPrice(price) { this.price = price; return this; } setIsAvailable(isAvailable) { this.isAvailable = isAvailable; return this; } build() { return { year: this.year, model: this.model, brand: this.brand, color: this.color, price: this.price, isAvailable: this.isAvailable, }; } }
Aquí mi solución: . . . . . . . . . . . . .
export class CarBuilder { constructor() { this.year = 0; this.model = ''; this.brand = ''; this.color = ''; this.price = 0; this.isAvailable = false; } setYear(year) { this.year = year; return this; } setModel(model) { this.model = model; return this; } setBrand(brand) { this.brand = brand; return this; } setColor(color) { this.color = color; return this; } setPrice(price) { this.price = price; return this; } setIsAvailable(isAvailable) { this.isAvailable = isAvailable; return this; } build() { return { year: this.year, model: this.model, brand: this.brand, color: this.color, price: this.price, isAvailable: this.isAvailable } } }
Me quedó bien claro como funciona el patrón constructor jeje... aquí dejo mi código... :)
export class CarBuilder { // Tu código aquí 👇 constructor(year, model, brand, color, price, isAvailable) { this.year = year; this.model = model; this.brand = brand; this.color = color; this.price = price; this.isAvailable = isAvailable; } setYear(year) { this.year = year; return this; } setModel(model) { this.model = model; return this; } setBrand(brand) { this.brand = brand; return this; } setColor(color) { this.color = color; return this; } setPrice(price) { this.price = price; return this; } setIsAvailable(isAvailable) { this.isAvailable = isAvailable; return this; } build() { return { year: this.year, model: this.model, brand: this.brand, color: this.color, price: this.price, isAvailable: this.isAvailable } } }
✨ . . . . . . . . . . . . . .
export class CarBuilder { // Tu código aquí 👇 constructor(year, model, brand, color, price, isAvailable) { this.year = year; this.model = model; this.brand = brand; this.color = color; this.price = price; this.isAvailable = isAvailable; } setYear(year) { this.year = year; return this } setModel(model) { this.model = model; return this } setBrand(brand) { this.brand = brand; return this } setColor(color) { this.color = color; return this } setPrice(price) { this.price = price return this } setIsAvailable(available) { this.isAvailable = available return this } build() { return { year: this.year, model: this.model, brand: this.brand, color: this.color, price: this.price, isAvailable: this.isAvailable } } }
