Contenido del curso
Playground - Mejora el código usando builder pattern
Osvaldo Martinez Guillen
student
Carina Payleman
student
Alejandro Anaya
student
Joan Alexander Valerio Rodríguez
student
Randy Ochoa
student
Daniel Romao
student
David Ochoa
student
willmar fernando romero marin
student
Pablo Perez
student
Alexis Corrales
student
Angel Javier Sanchez Tenjo
student
Elias Rayas Gonzalez
student
Raul Carrillo Garrido
student
Pablo Pincay Alvarez
student
JAIME EDUARDO DIAZ TOBON
student
Esteban Alzate Atehortua
student
Andrés Camilo Vélez Mejía
student
Gabriel Luna
student
Jose Carlos Machado
student
Abril Darynka Tapia Sosa
studentTodo 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 } } }
