Playground - Sistema de pagos

Cursos Empresas Blog Live Conf Precios

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 - Sistema de pagos

Comentarios

Israel Blas

student

Con este reto descubrí algo interesante y es que si extiendes una clase sobre otra debes siempre debes poner el super constructor aunque no le pases propiedades.

Ahora si dejo mi respuesta abajo.

Solución:

. . . . . . . . . .

++Card.class.js:++

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(number) {
    super()
    this.number = number
  }

  makePay(quantity) {
    try {
      if (this.number.length !== 16) throw Error('No tiene 16 dígitos')

      return {
        ...super.makePay(quantity),
        lastCardNumbers: this.number.slice(-4)
      }
    }
    catch (e) {
      throw Error(e)
    }
  }
}

++Cash.class.js:++

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  makePay(quantity) {
    return super.makePay(quantity)
  }
}

++Pay.class.js:++

export class Pay {
  makePay(quantity) {
    return {
      realized: true,
      quantity: quantity
    }
  }
}

++PayPal.class.js:++

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super()
    this.email = email
  }

  makePay(quantity) {
    return {
      ...super.makePay(quantity),
      platform: "PayPal",
      email: this.email
    }
  }
}

++exercise.js:++

export function processPay(method, quantity) {
  return method.makePay(quantity)
}

David Ochoa

student

Exactamente al mío 😎 solamente para que lo consideres, la clase Cash tranquilamente pudo haber quedado vació ya que no requiere sobreescribir el metodo makePay() ya que hereda todo.

Quedandote literalmente asi

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  // Tu código aquí 👈
}

Osvaldo Martinez Guillen

student

Un reto muy interesante, mi solución: 🛡️ 🛡️ 🛡️ 🛡️ 🛡️ 🛡️ 🛡️ 🛡️ 🛡️ 🛡️ ++exercise.js++

export function processPay(method, quantity) {
  return method.makePay(quantity);
}

++PayPal.class.js++

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super();
    this.email = email;
  }
  makePay(quantity) {
    return { ...super.makePay(quantity), platform: "PayPal", email: this.email };
  }
}

++Pay.class.js++

export class Pay {
  constructor() {
    this.realized = true;
  }
  makePay(quantity) {
    return { realized: this.realized, quantity };
  }
}

++Cash.class.js++

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  constructor() {
    super();
  }
}

++Card.class.js++

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(card) {
    super();
    this.card = card;
  }
  makePay(quantity) {
    if (this.card.length === 16) {
      return { ...super.makePay(quantity), lastCardNumbers: this.card.slice(-4) };
    } else {
      throw Error("Error, la tarjeta debe ser de 16 digitos")
    }
  }
}

Mauricio Viveros

student

. . ------------------------------------------------------------ . . 🛡️🛡️🛡️ESCUDO ANTI SPOILER 🛡️🛡️🛡️ . . ------------------------------------------------------------ . . . Muy interesante este reto, creo que lo hare un par de veces mas para comprenderlo mejor. . .

. . . . . .

. . . . . . . . . .

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(cardNumber) {
    super();
    this.cardNumber = cardNumber;
  }

  makePay(quantity) {
    if (this.cardNumber.length !== 16) {
      throw new Error("Número de tarjeta invalido");
    }
    return {
      ...super.makePay(quantity),
      lastCardNumbers: this.cardNumber.slice(-4)
    };
  }
}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  makePay(quantity) {
    return super.makePay(quantity)
  }
}

Pay.class.js

export class Pay {
  makePay(quantity) {
    return {
      realized: true,
      quantity
    }
  }
}

PayPal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super();
    this.email = email;
  }

  makePay(quantity) {
    const pay = super.makePay(quantity);
    pay.platform = "PayPal";
    pay.email = this.email;
    return pay;
  }
}

exercise.js

export function processPay(method, quantity) {
  return method.makePay(quantity)
}

Alejandro Anaya

student

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

Mi solución al reto:

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {

  constructor(cardNumber) {
    super()
    this.cardNumber = cardNumber
  }

  makePay(cantidadAPaga) {
    if (this.cardNumber.length < 16) {
      throw new Error('Error en el longitud de los digitos de la tarjeta')
    }
    return {
      ...super.makePay(cantidadAPaga),
      lastCardNumbers: this.cardNumber.substring(this.cardNumber.length - 4, this.cardNumber.length)
    }
  }
}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  constructor() {
    super()
  }
  makePay(cantidadAPaga) {
    return {
      ...super.makePay(cantidadAPaga)
    }
  }
}

Pay.class.js

export class Pay {
  makePay(cantidadAPaga) {
    return {
      realized: true,
      quantity: cantidadAPaga
    }
  }
}

Paypal.class.js

import { Pay } from "./Pay.class.js";

export  class PayPal extends Pay {
  email;

  constructor(email) {
    super()
    this.email = email
  }

  makePay(cantidadAPaga) {
    return {
      ...super.makePay(cantidadAPaga),
      platform: "PayPal",
      email: this.email
    }
  }
}

exercise.js

import { Card } from "./Card.class.js";
import { PayPa } from "./PayPal.class.js";
import { Cash } from "./Cash.class.js";

export function processPay(method, quantity) {
  return method.makePay(quantity)
}

Christopher Armando Jiménez Valverde

student

Comparto mi solución. Nunca se den por vencidos. Poco a poco se llega a diferentes lugares.

function processPay(method, quantity) {
    return method.makePay(quantity);
}

class Pay {
    makePay(cantPay) {
        return {
            realized: true,
            quantity: cantPay
        }
    }
}

class PayPal extends Pay {
    constructor(email) {
        super();
        this.email = email;
    }

    makePay(cantPay) {
        return {
            realized: true,
            quantity: cantPay,
            platform: "PayPal",
            email: this.email
        }
    }
}

class Card extends Pay {
    constructor(card) {
        super();
        this.card = card;
    }

    makePay(cantPay) {
        if(this.card.length != 16) {
            throw new Error("Invalido, debe de tener 16 digitos la tarjeta para validar el pago.");
        } else {
            const finishCard = this.card.slice(-4);
            return {
                realized: true,
                quantity: cantPay,
                lastCardNumbers: `${finishCard}`
            }
        }
    }
}

class Cash extends Pay {
    makePay(cantPay) {
        return {
            realized: true,
            quantity: cantPay
        }
    }
}

Harrison Steve Pinzón Neira

student

Desafio completo!

David Ochoa

student

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

Implementa un sistema de pagos usando polimorfismo

!Spoiler Shield

Pay.class.js

export class Pay {
  // Tu código aquí 👈
  makePay(quantity) {
    return { realized: true, quantity };
  }
}

Cash.class.js

export class Cash extends Pay {
  // Tu código aquí 👈
}

Card.class.js

export class Card extends Pay {
  constructor(cardNumber) {
    super();
    this.cardNumber = cardNumber;
  }
  // Tu código aquí 👈
  makePay(quantity) {
    if (this.cardNumber.length != 16) {
      throw new Error("Invalid Card Number");
    } else {
      return {
        ...super.makePay(quantity),
        lastCardNumbers: this.cardNumber.substr(12),
      };
    }
  }
}

PayPal.class.js

export class PayPal extends Pay {
  // Tu código aquí 👈
  constructor(email) {
    super();
    this.email = email;
  }
  makePay(quantity) {
    return {
      ...super.makePay(quantity),
      platform: "Paypal",
      email: this.email,
    };
  }
}

exercise.js

export function processPay(method, quantity) {
  // Tu código aquí 👈
  return method.makePay(quantity);
}

Rubén Hernández Hernández

student

Mi solución 💚 !pay

exercise.js

. . .

export function processPay(method, quantity) {
  return method.makePay(quantity)
}

Pay.class.js

export class Pay {
  makePay(amount) {
    return {
      realized: true,
      quantity: amount
    }
  }
}

PayPal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super()
    this.email = email
  }
  makePay(amount) {
    return {
      ...super.makePay(amount),
      platform: "PayPal",
      email: this.email
    }
  }
}

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(cardNumber) {
    super()
    this.cardNumber = cardNumber
  }

  makePay(amount) {
    if (this.cardNumber.length !== 16)
      throw new Error('El número de tarjeta debe ser de 16 dígitos')
    return {
      ...super.makePay(amount),
      lastCardNumbers: this.cardNumber.substring(12)
    }
  }
}

y finalmente a Cash no era necesario hacerlo 💚

Pablo Perez

student

// Card.class.js
export class Card extends Pay {
  constructor(cardNumber) {
    super()
    this.cardNumber = cardNumber
  }
  makePay(qty) {
    if (typeof this.cardNumber !== "string" || this.cardNumber.length !== 16) {
      throw new Error("Invalid Card Number")
    }
    this.lastFourNumbers = this.cardNumber.split("").splice(-4).join("")
    const obj = super.makePay(qty)
    return {
      ...obj,
      lastCardNumbers: this.lastFourNumbers
    }
  }
}

// Cash.class.js
export class Cash extends Pay {
  constructor() {
    super()
  }
  makePay(qty) {
    return super.makePay(qty)
  }
}

// Pay.class.js
export class Pay {
  constructor() {
    this.realized = null // bool
    this.quantity = null // number
  }
  makePay(quantity) {
    this.quantity = quantity
    this.realized = true
    return {
      realized: this.realized,
      quantity: this.quantity
    }
  }
}

// Paypla.class.js
export class PayPal extends Pay {
  constructor(email) {
    super()
    this.email = email
    this.platform = "PayPal"
  }
  makePay(qty) {
    const obj = super.makePay(qty)
    return {
      ...obj,
      email: this.email,
      platform: this.platform
    }
  }
}

// exercise.js
export function processPay(method, quantity) {
  // method -> obj; quantity -> number
  return method.makePay(quantity)
}

Alexis Corrales

student

pay

export class Pay {
  makePay(cantPay) {
    return {
      realized: true,
      quantity: cantPay
    }
  }
}

PayPal

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  emailReceived;

  constructor(email) {
    super()
    this.emailReceived = email
  }

  makePay(cantPay) {
    return {
      ...super.makePay(cantPay),
      platform: "PayPal",
      email: this.emailReceived
    }
  }
}

Card

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  card;
  constructor(cardNumber) {
    super();
    this.card = cardNumber;
  }
  makePay(cantPay) {
    if (this.card.length === 16) {
      return {
        ...super.makePay(cantPay),
        lastCardNumbers: this.card.toString().substr(-4)
      }
    } else {
      throw new Error('La tarjeta no tiene la longitud')
    }
  }
}

cash.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  constructor() {
    super()
  }
  makePay(cantPay) {
    return {
      ...super.makePay(cantPay)
    }
  }
}

exercise.js

import { Card } from "./Card.class.js";
import { PayPa } from "./PayPal.class.js";
import { Cash } from "./Cash.class.js";
import { pay } from "./Pay.class.js";

export function processPay(method, quantity) {
  return method.makePay(quantity);
}

Angel Javier Sanchez Tenjo

student

Hola Comparto la solución al Reto: ✅✅✅ ✅✅✅ ✅✅✅ ✅✅✅

Pay.class.js

export class Pay {
  makePay(cantidadAPagar) {
    return {
      realized: true,
      quantity: cantidadAPagar,
    }
  }
}

PayPal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super();
    this.email = email;
  }

  makePay(cantidadAPagar) {
    return {
      realized: true,
      quantity: cantidadAPagar,
      platform: "PayPal",
      email: this.email
    }
  }
}

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(numberCard) {
    super();
    this.numberCard = numberCard;
  }

  makePay(cantidadAPagar) {
    if (this.numberCard === undefined || this.numberCard.length !== 16) {
      throw new Error("Numero de Tarjeta invalida");
    }

    const result = super.makePay(cantidadAPagar);
    result.lastCardNumbers = this.numberCard.slice(-4);

    return result;
  }
}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  constructor() {
    super();
  }

  makePay(cantidadAPagar) {
    return super.makePay(cantidadAPagar);
  }
}

exercise.js

export function processPay(method, quantity) {
  return method.makePay(quantity);
}

Carina Payleman

student

. . . . . .

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(cardNumber) {
    super();
    this.cardNumber = cardNumber;
  }

  makePay(quantity) {
    if (this.cardNumber.length != 16) {
      throw new Error("Número de tarjeta inválida.")
    } else {
      return {
        ...super.makePay(quantity),
        lastCardNumbers: this.cardNumber.substring(12, 17)
      }
    }
  }
}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  constructor() {
    super();
  }
}

Pay.class.js

export class Pay {
  makePay(quantity) {
    return { realized: true, quantity: quantity}
  }
}

PayPal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super();
    this.email = email;
  }

  makePay(quantity) {
    return { 
      ...super.makePay(quantity),
      platform: "PayPal", 
      email: this.email
    }
  }
}

exercise.class.js

export function processPay(method, quantity) {
  return method.makePay(quantity)
}

Esteban Alzate Atehortua

student

Mi solución: Nota: Casi muero porque en PayPal.class.js tenia escrito "Paypal" en lugar de "PayPal" con la segunda P también en mayus. . . . . . . . . . . . . . . .

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(cardNumber) {
    super();
    this.cardNumber = cardNumber;
  }
  makePay(quantity) {
    if (this.cardNumber.length != 16) {
      throw new Error("La tarjeta no cumple con tener 16 digitos")
    } else {
      return {
        ...super.makePay(quantity),
      lastCardNumbers: this.cardNumber.slice(-4)
      }
    }
  }

}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  makePay(quantity) {
    return super.makePay(quantity);
  }
}

Pay.class.js

export class Pay {
    makePay(quantity) {
      return {
        realized: true,
        quantity: quantity
      }
    }
  }

Paypal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super();
    this.email = email;
  }
  makePay(quantity) {
    return {
      ...super.makePay(quantity),
      platform: "PayPal",
      email: this.email
    }
  }
}

excercise.js

export function processPay(method, quantity) {
    return method.makePay(quantity)
  }

Elias Rayas Gonzalez

student

Solución

class Pay {
  makePay(quantity) {
    return {
      realized: true,
      quantity: `$${quantity}`,
    };
  }
}

class Card extends Pay {
  constructor(cardNumber) {
    super();
    this.cardNumber = cardNumber;
  }

  makePay(quantity) {
    if (!this.cardNumber.length == 16) {
      return new Error("Card number must be 16 characters");
    }
    return {
      ...super.makePay(quantity),
      lastCardNumbers: this.cardNumber.slice(-4),
    };
  }
}
class Cash extends Pay {
  constructor() {
    super();
  }
}
class PayPal extends Pay {
  constructor(email) {
    super();
    this.email = email;
  }

  makePay(quantity) {
    return {
      ...super.makePay(quantity),
      platform: "Paypal",
      email: this.email,
    };
  }
}

function processPay(method, quantity) {
  // Tu código aquí 👈
  console.log(method.makePay(quantity));
  return method.makePay(quantity);
}

Gabriel Luna

student

Aquí mi solución: . . . . . . . . . . . Pay.class.js

export class Pay {
  makePay(quantity) {
    return {
      realized: true,
      quantity: quantity
    }
  }
}

PayPal.class.js

export class PayPal extends Pay {
  constructor(email) {
    super()
    this.email = email
  }
  makePay(quantity) {
    return {
      ... super.makePay(quantity),
      platform: "PayPal",
      email: this.email
    }
  }
}

Card.class.js

export class Card extends Pay {
  constructor(lastCardNumbers) {
    super()
    this.lastCardNumbers = lastCardNumbers
  }
  makePay(quantity) {
    if (this.lastCardNumbers.length === 16) {
      return {
        ... super.makePay(quantity),
        lastCardNumbers: this.lastCardNumbers.substring(this.lastCardNumbers.length - 4)
      }
    }
    else {
      throw new Error("Error en el número de tarjeta");
    }

  }
}

cash.class.js

export class Cash extends Pay {
  makePay(quantity) {
    return super.makePay(quantity);
  }
}

exercise.js

export function processPay(method, quantity) {
  return method.makePay(quantity);
};

Ivan Pérez Arencibia

student

Solución.

Pay.class.js

export class Pay {
  // Tu código aquí 👈
  constructor() {
    this.realized = true;
  }

  makePay(quantity) {
    return {
      realized: this.realized,
      quantity: quantity
    }
  }
}

PayPal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  // Tu código aquí 👈
  constructor(email) {
    super();
    this.email = email;
  }

  makePay(quantity) {
    return {
      ...super.makePay(quantity),
      platform: "PayPal",
      email: this.email
    }
  }
}

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  // Tu código aquí 👈
  constructor(cardNumber) {
    super();
    this.cardNumber = cardNumber;
  }

  makePay(quantity) {
    if (this.cardNumber.length !== 16)
      throw new Error("El numero de la tajeta no tiene 16 digitos");

    return {
      ...super.makePay(quantity),
      lastCardNumbers: this.cardNumber.slice(-4)
    }
  }
}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  // Tu código aquí 👈
}

exercise.js

export function processPay(method, quantity) {
  // Tu código aquí 👈
  return method.makePay(quantity);
}

Daniel Sebastián Rodríguez

student

Aporto la solución! . . . . . . . . . .

exercise.js

export function processPay(method, quantity) {
  return method.makePay(quantity)
}

PayPal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super()
    this.email=email
  }

  makePay(quantity) {
    return Object.assign({}, { 'platform': 'PayPal', 'email': this.email }, super.makePay(quantity))
  }
}

Pay.class.js

export class Pay {
  makePay(quantity) {
    return {'realized': true,'quantity':quantity}
  }
}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  constructor() {super()}
}

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(cardNumber) {
    super()
    this.cardNumber = cardNumber
  }

  makePay(quantity) {
    if (this.cardNumber.length != 16) throw new Error('El número de la tarjeta es erróneo')
    return Object.assign({}, {'lastCardNumbers': this.cardNumber.slice(12, 16)}, super.makePay(quantity))
  }
}

David Higuera

student

!placeholder

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  // Tu código aquí 👈
  constructor(card) {
    if (card.length !== 16) throw super(new Error("Invalid Card"))
    super({
      lastCardNumbers: card.substr(12)
    })
  }
}

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  // Tu código aquí 👈
}

export class Pay {
  // Tu código aquí 👈
  constructor(payload) {
    this._payload = payload
  }
  makePay(quantity) {
    return {
      realized: true, 
      quantity,
      ...this._payload
    }
  }
}

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  // Tu código aquí 👈
  constructor(email) {
    super({
      platform: "PayPal",
      email,
    })
  }
}

export function processPay(method, quantity) {
  // Tu código aquí 👈
  return method.makePay(quantity)
}

Frandel Corporan Rodríguez

student

Ojo que al retornar el objeto de Card la propiedad lastCardNumber en el test lo recibe en plural lastCardNumbers.

Dicho esto aqui dejo mi code:

Pay

export class Pay {
  makePay(quantity) {
    return {
      realized: true,
quantity: quantity}
  }
}

PayPal

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super()
    this.email = email
  }
  makePay(quantity) {
    return {
      ...super.makePay(quantity),
      "platform": "PayPal",
  "email": this.email
    }
  }
}

Card

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(cardNumber) {
    super()
    this.cardNumber = cardNumber
  }
  makePay(quantity) {
      
        if (this.cardNumber.length !== 16) {
          throw new Error('invalid card')
        }
        else {
          return {
            ...super.makePay(quantity),
            lastCardNumbers: this.cardNumber.substring(12, 16)
          }
        }
      }
    }

Cash

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  constructor() {
    super()
  }
  makePay(quantity) {
    return super.makePay(quantity)
  }
}

Jose Carlos Machado

student

Que susto! No me di cuenta que estaba dividido las clases por archivos en el PlayGround...jaja, aquí dejo mi aporte... :)

function processPay(method, quantity) {
    // Tu código aquí 👈
     
    
   return  method.makePay(quantity);
  }
class Pay{
    constructor() {
        this._lastCardNumber;       
    }
    makePay(quantity){    
    
        return {
            realized: true,
            quantity,           
        };
    }
}  
class PayPal extends Pay{
    constructor(mail) {
        super();
        this._mail= mail;
       
    }

    makePay(quantity){
        
        return{
            ...super.makePay(quantity),
            platform: "PayPal",
            email: `${this._mail}` 
        }       
    }
}
class Card extends Pay{
    constructor(card) {
        super();        
        this._card=card;

    }
    makePay(quantity){
       
        if(this._card.length===16){    
            this._lastCardNumber=this._card.slice(-4);              
           return {...super.makePay(quantity), lastCardNumbers: this._lastCardNumber};          
        }else{
            throw new Error("No tiene 16 dígitos")
        }
    }
}
class Cash extends Pay{
   constructor() {
    super();
   }

}

¡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

Día 19