Playground - Crea un auto usando clases

30 días de JavaScript

Contenido del curso

¡Te damos la bienvenida a este reto!

1
¡Bienvenido al mundo de JavaScript!
01:33 min

Día 1

Día 2

Día 3

Día 4

Día 5 - Checkpoint

20
Playground - encuentra el palindromo más grande

Día 6

Día 7

Día 8

Día 9

Día 10 - Checkpoint

Día 11

Día 12

Día 13

Día 14

Día 15 - Checkpoint

50
Playground - Sistema de reservaciones de un hotel

Día 16

Día 17

Día 18

Día 19

Día 20 - Checkpoint

65
Playground - Agenda de vuelos

Día 21

Día 22

Día 23

Día 24 - Checkpoint

77
Playground - Crea un task manager con patrones de diseño

Día 25

Día 26

Día 27

Día 28

Día 29

Día 30

93
¡Lo lograste!
01:41 min

Live Class

Tomar examen

Playground - Crea un auto usando clases

Todos los cursos GRATIS

Se acaba en:

00díasd:00hrsh:00minm:00segs

Comentarios50

David Higuera

Estudiante

Hace 3 años

export class Car {
  // Tu código aquí 👈
  brand;
  model;
  year;
  mileage;
  state = false;

  constructor(_brand, _model, _year, _mileage) {
    this.brand = _brand
    this.model = _model
    this.year = _year
    this.mileage = _mileage
  }

  turnOn() {
    this.state = true;
  }

  turnOff() {
    this.state = false;
  }
  
  drive(km) {
    if (!this.state) throw new Error("El auto está apagado")
    this.mileage += km
  }
}

Carina Payleman

Estudiante

Hace 3 años

. . . . . .

export class Car {
    constructor(
      brand,
      model,
      year,
      mileage = 0,
      state = false
    ) {
      this.brand = brand;
      this.model = model;
      this.year = year;
      this.mileage = mileage;
      this.state = state;
    }
  
    turnOn() {
      this.state = true;
    }
  
    turnOff() {
      this.state = false;
    }

    drive(kilometers) {
      if (!this.state) {
        throw new Error("El auto está apagado")
      } else {
        this.mileage += kilometers;
        return this.mileage;
      }
    }
}

Daniel Romao

Estudiante

Hace 3 años

Mi solucion:

export class Car {
  constructor(brand, model, year, mileage) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = false;
  }

  turnOn() {
    this.state = true;
  }

  turnOff() {
    this.state = false;
  }

  drive(km) {
    if (this.state) {
      this.mileage += km;
      return km;
    }

    throw new Error('El auto está apagado');
  }
}

Pablo Pincay Alvarez

Estudiante

Hace 3 años

Mi Solucion: .

. . . . .

. .

export class Car {
  constructor(brand, model, year, mileage) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = false;
  }

  turnOn() {
    this.state = true;
  }

  turnOff() {
    this.state = false;
  }

  drive(kilometers) {

    if (this.state) {
      this.mileage  += kilometers;
    } else {
      throw new Error('El auto está apagado')
    }
    
  }

}

Randy Ochoa

Estudiante

Hace 3 años

Por si les ayuda. Recuerde chechar bien la ortografia en el mensaje de error que devuelven, por que eso hacia que no me marque correcto el reto

Andrés Soret Chacin

Estudiante

Hace 2 años

My solution 👇

constructor(brand, model, year, mileage) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = false;
  }
  turnOn() {
    this.state = true;
  }
  turnOff() {
    this.state = false;
  }
  drive(kilometers) {
    if (this.state === false) {
      throw new Error("El auto está apagado");
    }
    this.mileage += kilometers;
  }

Andres Felipe Torres

Estudiante

Hace 3 años

Mi aporte

export class Car {
  constructor(brand, model, year, mileage, state) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = state;
  }

  turnOn() {
    this.state = true;
    return this.state;
  }

  turnOff() {
    this.state = false;
    return this.state;
  }

  drive(kilometers) {
    if (this.state) {
      this.mileage += kilometers;
      return;
    }
    throw new Error('El auto está apagado');
  }
}

Joan Alexander Valerio Rodríguez

Estudiante

Hace 3 años

Un ejercicio bastante sencillo. Continuo haciendo este comentario para futuras mejoras... Se tiene que mejorar si o si la redacción en los ejercicios. Ejemplo, nunca se menciono que era necesario retornar la data de los vehículos y para esto una de las posibles soluciones era implementar un nuevo método que devolviera estos valores.

He aprendido muchas cosas del curso, pero ese tipo de detalle puede hacer que para algunos el aprendizaje sea frustrante. Hago este comentario amistoso, porque trabajo en el área y se que en la vida de programador estos tipos de cosas pasan, pero para una persona que apenas esta conociendo de programación, encontrarse con este tipo de situaciones puede desanimarlo.

En fin :) les comparto mi solución:

Harrison Steve Pinzón Neira

Estudiante

Hace 3 años

Solución al desafio JS:

David Ochoa

Estudiante

Hace 3 años

🛡️🛡️🛡️Escudo anti spoilers🛡️🛡️🛡️

Crea un auto usando clases

!Spoiler Shield

export class Car {
  // Tu código aquí 👈
  constructor(brand, model, year, mileage, state = false) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = state;
  }

  turnOn() {
    this.state = true;
  }

  turnOff() {
    this.state = false;
  }

  drive(kilometers) {
    if (this.state) {
      this.mileage += kilometers;
      return;
    }
    throw new Error("El auto está apagado");
  }
}

Yerson Garza

Estudiante

Hace 3 años

export class Car {
  constructor(brand, model, year, mileage) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = false;
  }

  turnOn() {
    this.state = true;
  }

  turnOff() {
    this.state = false;
  }

  drive(kilometers) {
    if (this.state) {
      this.mileage += kilometers;
    } else {
      throw new Error("El auto está apagado");
    }
  }
}

Rubén Hernández Hernández

Estudiante

Hace 3 años

Mi solución 💚 !Mcqueen . . .

export class Car {
  constructor(brand, model, year, mileage) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = false;
  }

  turnOn() {
    this.state = true;
  }

  turnOff() {
    this.state = false;
  }

  drive(kilometers) {
    if (!this.state)
      throw new Error("El auto está apagado")
    this.mileage+=kilometers
  }

}

Pablo Perez

Estudiante

Hace 3 años

export class Car {
  constructor(brand, model, year, mileage, state = false) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = state;
  }
  turnOn() {
    this.state = true;
  }
  turnOff() {
    this.state = false;
  }
  drive(km) {
    if (this.state) {
      this.mileage += km;
      return this.mileage;
    } else {
      throw new Error("El auto está apagado");
    }
  }
}

david alvarez

Estudiante

Hace 3 años

export class Car {
  // Tu código aquí 👈
  state = false;
  constructor(brand, model, year, mileage, state) {
    
    
    this.brand = brand
    this.model = model;
    this.mileage = mileage;
    this.year = year
  }

  turnOn() {
    this.state = true
  }
  turnOff() {
    this.state = false
  }
  drive(km) {
    if (this.state) {
      this.mileage += km
    } else throw new Error('El auto está apagado')
  }
}

Pariksit Erikrsnan Ortiz Flores

Estudiante

Hace 3 años

export class Car {
  // Tu código aquí 👈
  constructor(brand, model, year, mileage, state=false) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = state;
  }
  turnOn() {
    this.state = true;
  }
  turnOff() {
    this.state = false;
  }
  drive(kilometers) {
    if (this.state !== false) {
      this.mileage = kilometers;
    } else {
      throw new Error('El auto está apagado');
    }
  }
}

Angel Javier Sanchez Tenjo

Estudiante

Hace 3 años

Hola Comparto mi solución.

✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅

export class Car {
  constructor(brand, model, year, mileage, state) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = state;
  }

  turnOn() {
    this.state = true;
  }
  turnOff() {
    this.state = false;
  }

  drive(kilometers) {
    if(this.state) {
      this.mileage += kilometers;
      return;
    }

    throw new Error("El auto está apagado");
  }

}

Alexis Corrales

Estudiante

Hace 3 años

export class Car {
  constructor(brand, model, year, mileage, state) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = state;
  }
  turnOn() {
    this.state = true;
  }
  turnOff() {
    this.state = false;
  }
  drive(km) {
    if (this.state) {
      this.mileage += km;
    } else {
      throw new Error("El auto está apagado")
    }
  }
}

Duvan Alexis Palomino Ramirez

Estudiante

Hace 3 años

Comparto mi solucion:

Esteban Alzate Atehortua

Estudiante

Hace 3 años

Mi solución: . . . . . . . . . . . . . . . . .

export class Car {
  constructor(brand, model, year, mileage, state) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = state;
  }
  turnOn() {
    this.state = true;
  }
  turnOff() {
    this.state = false;
  }
  drive(kilometers) {
    if (this.state) {
      this.mileage += kilometers;
    } else {
      throw new Error("El auto está apagado")
    }
  }
}

Hiver Tapia

Estudiante

Hace 3 años

Si pude gracias..

export class Car {
  constructor(brand, model, year, mileage, state) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = false;
  }
  turnOn() {
    this.state = true;
  }
  turnOff() {
    this.state = false;
  }
  drive(kilometers) {
    if (!this.state) throw new Error("El auto está apagado")
    this.mileage += kilometers;
  }
}

export class Car {
  // Tu código aquí 👈
  brand;
  model;
  year;
  mileage;
  state = false;

  constructor(_brand, _model, _year, _mileage) {
    this.brand = _brand
    this.model = _model
    this.year = _year
    this.mileage = _mileage
  }

  turnOn() {
    this.state = true;
  }

  turnOff() {
    this.state = false;
  }
  
  drive(km) {
    if (!this.state) throw new Error("El auto está apagado")
    this.mileage += km
  }
}

export class Car {
    constructor(
      brand,
      model,
      year,
      mileage = 0,
      state = false
    ) {
      this.brand = brand;
      this.model = model;
      this.year = year;
      this.mileage = mileage;
      this.state = state;
    }
  
    turnOn() {
      this.state = true;
    }
  
    turnOff() {
      this.state = false;
    }

    drive(kilometers) {
      if (!this.state) {
        throw new Error("El auto está apagado")
      } else {
        this.mileage += kilometers;
        return this.mileage;
      }
    }
}

export class Car {
  constructor(brand, model, year, mileage) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = false;
  }

  turnOn() {
    this.state = true;
  }

  turnOff() {
    this.state = false;
  }

  drive(km) {
    if (this.state) {
      this.mileage += km;
      return km;
    }

    throw new Error('El auto está apagado');
  }
}

export class Car {
  constructor(brand, model, year, mileage) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = false;
  }

  turnOn() {
    this.state = true;
  }

  turnOff() {
    this.state = false;
  }

  drive(kilometers) {

    if (this.state) {
      this.mileage  += kilometers;
    } else {
      throw new Error('El auto está apagado')
    }
    
  }

}

constructor(brand, model, year, mileage) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = false;
  }
  turnOn() {
    this.state = true;
  }
  turnOff() {
    this.state = false;
  }
  drive(kilometers) {
    if (this.state === false) {
      throw new Error("El auto está apagado");
    }
    this.mileage += kilometers;
  }

export class Car {
  constructor(brand, model, year, mileage, state) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = state;
  }

  turnOn() {
    this.state = true;
    return this.state;
  }

  turnOff() {
    this.state = false;
    return this.state;
  }

  drive(kilometers) {
    if (this.state) {
      this.mileage += kilometers;
      return;
    }
    throw new Error('El auto está apagado');
  }
}

export class Car {
  // Tu código aquí 👈
  constructor(brand, model, year, mileage, state = false) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = state;
  }

  turnOn() {
    this.state = true;
  }

  turnOff() {
    this.state = false;
  }

  drive(kilometers) {
    if (this.state) {
      this.mileage += kilometers;
      return;
    }
    throw new Error("El auto está apagado");
  }
}

export class Car {
  constructor(brand, model, year, mileage) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = false;
  }

  turnOn() {
    this.state = true;
  }

  turnOff() {
    this.state = false;
  }

  drive(kilometers) {
    if (this.state) {
      this.mileage += kilometers;
    } else {
      throw new Error("El auto está apagado");
    }
  }
}

export class Car {
  constructor(brand, model, year, mileage) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = false;
  }

  turnOn() {
    this.state = true;
  }

  turnOff() {
    this.state = false;
  }

  drive(kilometers) {
    if (!this.state)
      throw new Error("El auto está apagado")
    this.mileage+=kilometers
  }

}

export class Car {
  constructor(brand, model, year, mileage, state = false) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = state;
  }
  turnOn() {
    this.state = true;
  }
  turnOff() {
    this.state = false;
  }
  drive(km) {
    if (this.state) {
      this.mileage += km;
      return this.mileage;
    } else {
      throw new Error("El auto está apagado");
    }
  }
}

export class Car {
  // Tu código aquí 👈
  state = false;
  constructor(brand, model, year, mileage, state) {
    
    
    this.brand = brand
    this.model = model;
    this.mileage = mileage;
    this.year = year
  }

  turnOn() {
    this.state = true
  }
  turnOff() {
    this.state = false
  }
  drive(km) {
    if (this.state) {
      this.mileage += km
    } else throw new Error('El auto está apagado')
  }
}

export class Car {
  // Tu código aquí 👈
  constructor(brand, model, year, mileage, state=false) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = state;
  }
  turnOn() {
    this.state = true;
  }
  turnOff() {
    this.state = false;
  }
  drive(kilometers) {
    if (this.state !== false) {
      this.mileage = kilometers;
    } else {
      throw new Error('El auto está apagado');
    }
  }
}

export class Car {
  constructor(brand, model, year, mileage, state) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = state;
  }

  turnOn() {
    this.state = true;
  }
  turnOff() {
    this.state = false;
  }

  drive(kilometers) {
    if(this.state) {
      this.mileage += kilometers;
      return;
    }

    throw new Error("El auto está apagado");
  }

}

export class Car {
  constructor(brand, model, year, mileage, state) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = state;
  }
  turnOn() {
    this.state = true;
  }
  turnOff() {
    this.state = false;
  }
  drive(km) {
    if (this.state) {
      this.mileage += km;
    } else {
      throw new Error("El auto está apagado")
    }
  }
}

export class Car {
  constructor(brand, model, year, mileage, state) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = state;
  }
  turnOn() {
    this.state = true;
  }
  turnOff() {
    this.state = false;
  }
  drive(kilometers) {
    if (this.state) {
      this.mileage += kilometers;
    } else {
      throw new Error("El auto está apagado")
    }
  }
}

export class Car {
  constructor(brand, model, year, mileage, state) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.mileage = mileage;
    this.state = false;
  }
  turnOn() {
    this.state = true;
  }
  turnOff() {
    this.state = false;
  }
  drive(kilometers) {
    if (!this.state) throw new Error("El auto está apagado")
    this.mileage += kilometers;
  }
}

Playground - Crea un auto usando clases

¡Te damos la bienvenida a este reto!

¡Bienvenido al mundo de JavaScript!

Día 1

Variables, funciones y sintaxis básica

Tipos de datos

Playground - Retorna el tipo

Tipos de datos - pt 2

Día 2

Operadores

Hoisting y coerción

Playground - Calcula la propina

Alcance de las variables

Día 3

Condicionales

Playground - Calcula años bisiestos

Switch

Playground - Obten información de mascotas según su tipo

Ciclos

Playground - Dibuja un triangulo

Día 4

Arrays

Playground - Encuentra al michi mas famoso

Objetos

Playground - Obten el promedio de los estudiantes

Día 5 - Checkpoint

Playground - encuentra el palindromo más grande

Día 6

Reasignación y redeclaración

Modo estricto

Día 7

Debugging y manejo de errores

Programación funcional

Día 8

Closures

Playground - Crea una calculadora con closures

Higher order functions

Playground - Crea tu propio método map

Día 9

ECMAScript

TC39

Día 10 - Checkpoint

ES6

ES7

Playground - Task planner

Día 11

Asincronismo

Playground - Promesas

Manejando el asincronismo

Playground - Resuelve el callback hell usando promesas

Playground - Resuelve el callback hell usando async/await

Día 12

Arrays a profundidad

Métodos de arrays: Every, Find y findIndex

Playground - Válida el formulario

Día 13

Métodos de arrays: Includes, Join y concat

Playground - agrupa los productos

Métodos de arrays: Flat y FlatMap

Playground - Encuentra la ubicación del valor buscado

Día 14

Mutable functions

Playground - Modifica una lista de compras

Métodos de arrays: sort

Playground - Ordena los productos

Día 15 - Checkpoint

Playground - Sistema de reservaciones de un hotel

Día 16

Programación orientada a objetos en JavaScript

Objetos literales

Playground - Congela el objeto recursivamente

Día 17

Prototipos en JavaScript

Playground - Modifica el prototype de los arrays

Playground - Crea un auto usando clases

Día 18

Abstracción en JavaScript

Playground - Sistema de carrito de compras

Encapsulamiento en JavaScript

Playground - Encapsula datos de los usuarios