fbpx
Volver a Curso

Curso profesional de React

0% Completado
0/0 Steps
  1. Antes de iniciar el curso.

    Grupos y foros.
  2. Curso profesional de React
    ¿Qué es React?
    4 Temas
    |
    1 Cuestionario
  3. ¿Cómo funcionan las apps web?
    5 Temas
    |
    1 Cuestionario
  4. Instalación y configuración de herramientas
    5 Temas
    |
    1 Cuestionario
  5. Fundamentos de desarrollo web - HTML
    8 Temas
    |
    1 Cuestionario
  6. Fundamentos de desarrollo web - CSS
    8 Temas
    |
    1 Cuestionario
  7. Fundamentos de desarrollo web - Javascript
    8 Temas
    |
    1 Cuestionario
  8. Creación y configuración de proyecto de React
    4 Temas
    |
    1 Cuestionario
  9. Componentes en React
    9 Temas
    |
    1 Cuestionario
  10. Creando una aplicación web con React - App de películas - Pt. 1
    7 Temas
  11. Creando una aplicación web con React - App de películas - Pt. 2
    8 Temas
  12. Creando una aplicación web con React - App de películas - Pt. 3
    8 Temas
  13. Publicación de una app de React
    2 Temas
  14. Encuesta
  15. Despedida
Lección Progreso
0% Completado

💸 ¡Impulsa tu carrera en programación!

Descubre nuestros cursos gratuitos con certificación y aprovecha el soporte excepcional que ofrecemos a través de nuestros foros. Al unirte, no solo adquirirás nuevos conocimientos, sino que también formarás parte de una gran comunidad de aprendizaje comprometida y apasionada. ¡Comienza hoy mismo tu viaje en Azul School!

oop.js

class Phone {

  constructor(number, color, networkProvider, company) {
    console.log("Cada que se instancie un objeto, entra al constructor")
    this.number = number
    this.color = color,
    this.networkProvider = networkProvider,
    this.company = company
  }

  // Getters
  getNumber() {
    return this.number
  }

  getColor() {
    return this.color
  }

  getNetworkProvider() {
    return this.networkProvider
  }

  getCompany() {
    return this.company
  }

  // Setters

  setNumber(number) {
    this.number = number
  }

  setColor(color) {
    this.color = color
  }

  setNetworkProvider(networkProvider) {
    this.networkProvider = networkProvider
  }

  setCompany(company) {
    this.company = company
  }


  getInfo() {
    console.log("Información de este celular")
    console.log(`Número telefónico: ${this.getNumber()}`)
    console.log(`Color: ${this.getColor()}`)
    console.log(`Proveedor de red: ${this.getNetworkProvider()}`)
    console.log(`Compañia: ${this.getCompany()}`)
  }

  makeCall() {
    console.log(`Llamando al número ${this.getNumber()}`)
  }
}

// Instance of the class
const phone = new Phone(5555443322, "Rojo", "Telcel", "Xiaomi")
console.log(phone.getInfo())
phone.setNumber(1234123412)
console.log(phone.getInfo())

// New instance of the class
console.log("============ Otro celulaar ============")
const phone2 = new Phone(9999999999, "Azul", "AT&T", "Huawei")
console.log(phone2.getInfo())
phone.setNetworkProvider('Liberado')
console.log(phone.getInfo())