Playground - Proxy en servicio de mensajería

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 - Proxy en servicio de mensajería

Todos los cursos GRATIS

Se acaba en:

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

Comentarios31

Andres Eduardo Maneiro Antunez

Estudiante

Hace 3 años

Mi Solucion . . . . . . . . . . . . . . . . . ..

user.js

export class User {
    constructor(name) {
        this.name = name
        this.isLogged = false
    }
    login() {
        this.isLogged = true        
    }
    logout() {
        this.isLogged = false
    }
    isLoggedIn() {
        return this.isLogged
    }
}

exercies.js

export class MessagesProxy {
    constructor(messages, user) {
        this.messages = messages,
        this.user = user
    }
    validateUserLogin(user) {
        if (!user) {
            throw new Error("Usuario no registrado")
        } else {
            return true
        }
    }
    sendMessage(text) {
        this.validateUserLogin(this.user.isLoggedIn()) && this.messages.sendMessage(text)
    }
    getHistory() {
        return this.validateUserLogin(this.user.isLoggedIn()) && this.messages.getHistory()
    }
}

messages.js

export class Messages {
    constructor() { 
        this.history = [] 
    }
    sendMessage(text) { 
        this.history.push(text) 
    }
    getHistory() { 
        return this.history 
    }
}

Carina Payleman

Estudiante

Hace 3 años

. . . . . .

class MessagesProxy {
  constructor(messages, user) {
    this.messages = messages;
    this.user = user;
  }

  sendMessage(text) {
    if (this.user.isLoggedIn()) {
      return this.messages.sendMessage(text);
    } else {
      throw new Error("Usuario no registrado");
    }
  }

  getHistory() { 
    if (this.user.isLoggedIn()) {
      return this.messages.history;
    } else {
      throw new Error("Usuario no registrado");
    }
  }
}

Andres Felipe Diago Matta

Estudiante

Hace 3 años

Solucion: . . . . . . . . . . . . .


class Messages {
    // No debes editar este código ❌
    constructor() {
        this.history = [];
    }

    sendMessage(text) {
        this.history.push(text);
    }

    getHistory() {
        return this.history;
    }
}

class User {
    constructor(name) {
        // Tu código aquí 👈
        this.name = name;
        this._isLoggedIn = false;
    }

    login() {
        // Tu código aquí 👈
        this._isLoggedIn = true;
    }

    logout() {
        // Tu código aquí 👈
        if(this._isLoggedIn) {
            this._isLoggedIn = false;
        }
    }

    isLoggedIn() {
        // Tu código aquí 👈
        return this._isLoggedIn;
    }
}

class MessagesProxy {
    constructor(messages, user) {
        // Tu código aquí 👈
        this.messages = messages;
        this.user = user;
    }

    sendMessage(text) {
        if(this.user.isLoggedIn()) {
            this.messages.sendMessage(text);
        }else {
            throw new Error("Usuario no registrado");
        }
    }

    getHistory() {
        if(this.user.isLoggedIn()) {
            return this.messages.getHistory();
        }else {
            throw new Error("Usuario no registrado");
        }
    }
}

//Ejemplo 1:
//Input:
const user = new User("John")
user.login()
console.log(user.isLoggedIn()) //Output: true


//Ejemplo 2:
//Input:
const user2 = new User("John")
const messages = new Messages()
const messagesProxy = new MessagesProxy(messages, user2)

user2.login()
messagesProxy.sendMessage("Hola")
console.log(messagesProxy.getHistory())  //Output: ["Hola"]


//Ejemplo 3:
//Input:
const user3 = new User("John")
console.log(user3.isLoggedIn()) //Output: false
const messages3 = new Messages()
const messagesProxy3 = new MessagesProxy(messages3, user3)

messagesProxy3.sendMessage("Hola") //Output: Error("Usuario no registrado")

Joan Alexander Valerio Rodríguez

Estudiante

Hace 2 años

De mejorar un poco mas la redacción del ejercicio, se haría a la primera. Esta sencillo 🤓

Daniel Romao

Estudiante

Hace 3 años

Mi solucion: . . . . . . . . . . . User.js

export class User {
  constructor(name) {
    this.name = name;
    this.isLogged = null;
  }

  login() {
    this.isLogged = true;
  }

  logout() {
    this.isLogged = false;
  }

  isLoggedIn() {
    return this.isLogged;
  }
}

exercise.js

export class MessagesProxy {
  constructor(messages, user) {
    this.messages = messages;
    this.user = user;
  }

  sendMessage(text) {
    if (!this.user.isLoggedIn()) throw new Error('Usuario no registrado');
    this.messages.sendMessage(text);
  }

  getHistory() {
    if (!this.user.isLoggedIn()) throw new Error('Usuario no registrado');
    return this.messages.getHistory();
  }
}

Rubén Hernández Hernández

Estudiante

Hace 3 años

💚 Mi Solución 💚

🛡️MURO ANTI SPOILERS🛡️

!car

User.js

export class User {
  constructor(name) {
    this.name = name
    this._isLogged = false
  }

  login() {
    this._isLogged = true
  }

  logout() {
    this._isLogged = false
  }

  isLoggedIn() {
    return this._isLogged
  }
}

exercise.js

export class MessagesProxy {
  constructor(messages, user) {
    this.messages = messages,
    this.user = user
  }

  sendMessage(text) {
    if (!this.user.isLoggedIn())
      throw new Error("Usuario no registrado")
    this.messages.sendMessage(text)
  }

  getHistory() { 
    if (!this.user.isLoggedIn())
      throw new Error("Usuario no registrado")
    return this.messages.getHistory()
  }
}

David Ochoa

Estudiante

Hace 3 años

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

Proxy en servicio de mensajeria

!Spoiler Shield

exercise.js

export class MessagesProxy {
  constructor(messages, user) {
    this.messages = messages;
    this.user = user;
  }

  sendMessage(text) {
    if (this.user.isLogged) {
      this.messages.sendMessage(text);
    } else {
      throw new Error("Usuario no registrado");
    }
  }

  getHistory() {
    if (this.user.isLogged) {
      return this.messages.getHistory();
    } else {
      throw new Error("Usuario no registrado");
    }
  }
}

User.js

export class User {
  constructor(name) {
    this.name = name;
    this.isLogged = false;
  }

  login() {
    this.isLogged = true;
  }

  logout() {
    this.isLogged = false;
  }

  isLoggedIn() {
    return this.isLogged;
  }
}

Alexis Corrales

Estudiante

Hace 3 años

User

export class User {
  constructor(name) {
    this.name = name;
    this.loggedIn = false;
  }

  login() {
    this.loggedIn = true;
  }

  logout() {
    this.loggedIn = false;
  }

  isLoggedIn() {
    return this.loggedIn;
  }
}

exercise

export class MessagesProxy {
  constructor(messages, user) {
    this.messages = messages;
    this.user = user;
  }

  sendMessage(text) {
    if (!this.user || !this.user.isLoggedIn()) {
      throw new Error("Usuario no registrado");
    }
    this.messages.sendMessage(text);
  }

  getHistory() {
    if (!this.user || !this.user.isLoggedIn()) {
      throw new Error("Usuario no registrado");
    }
    return this.messages.getHistory();
  }
}

Angel Javier Sanchez Tenjo

Estudiante

Hace 3 años

Hola mi solución al problema ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅

User.js

export class User {
  constructor(name) {
    this.name = name;
    this.loggedIn = false;
  }

  login() {
    this.loggedIn = true;
  }

  logout() {
    this.loggedIn = false;
  }

  isLoggedIn() {
    return this.loggedIn;
  }
}

exercise.js

export class MessagesProxy {
  constructor(messages, user) {
    this.messages = messages;
    this.user = user;
  }

  sendMessage(text) {
    if (this.user.isLoggedIn()) {
      this.messages.sendMessage(text);
    } else {
      throw new Error("Usuario no logueado");
    }
  }

  getHistory() {
    if (this.user.isLoggedIn()) {
      return this.messages.getHistory();
    } else {
      throw new Error("Usuario no logueado");
    }
  }
}

messages.js

export class Messages {
  // No debes editar este código ❌
  constructor() {
    this.history = [];
  }

  sendMessage(text) {
    this.history.push(text);
  }

  getHistory() {
    return this.history;
  }
}

Elias Rayas Gonzalez

Estudiante

Hace 3 años

Solucion + + + + + + + + +

class User {
  constructor(name) {
    // Tu código aquí 👈
    this.name = name;
    this.loggedIn = false;
  }

  login() {
    // Tu código aquí 👈
    if (!this.isLoggedIn()) {
      this.loggedIn = true;
    }
  }

  logout() {
    // Tu código aquí 👈
    if (this.isLoggedIn()) {
      this.loggedIn = false;
    }
  }

  isLoggedIn() {
    // Tu código aquí 👈
    return this.loggedIn;
  }
}

class MessagesProxy {
  constructor(messages, user) {
    // Tu código aquí 👈
    this.messages = messages;
    this.user = user;
  }

  sendMessage(text) {
    // Tu código aquí 👈
    if (this.user.isLoggedIn()) {
      this.messages.sendMessage(text);
    } else {
      throw new Error("User not registered");
    }
  }

  getHistory() {
    // Tu código aquí 👈
    if (this.user.isLoggedIn()) {
      return this.messages.getHistory();
    }
  }
}

Raul Carrillo Garrido

Estudiante

Hace 3 años

. . . . . . . . . . . .

export class User {
  constructor(name) {
    this.name = name;
    this.loggedIn = false;
  }

  login() {
    this.loggedIn = true;
  }

  logout() {
    this.loggedIn = false;
  }

  isLoggedIn() {
    return this.loggedIn;
  }
}

export class MessagesProxy {
  constructor(messages, user) {
    this.messages = messages;
    this.user = user;
  }

  sendMessage(text) {
    if (this.user.isLoggedIn()) {
      return this.messages.sendMessage(text);
    } else {
      throw new Error("Usuario no registrado");
    }
  }

  getHistory() {
    if (this.user.isLoggedIn()) {
      return this.messages.getHistory();
    } else {
      throw new Error("Usuario no registrado");
    }
  }
}

Victor Ortiz

Estudiante

Hace 3 años

Bien, esta hecho, pero todavía me quedan dudas: . . . . . . . . . . . . . . . . . . .

exercise.js

export class MessagesProxy {
  constructor(messages, user) {
    // Tu código aquí 👈
    this.messages = messages;
    this.user = user;
  }
  send() {
    if (!this.user.isLog)
      throw new Error('Usuario no registrado');
    return true;
  }
  sendMessage(text) {
    // Tu código aquí 👈
    if (this.send())
      this.messages.sendMessage(text);
  }
  getHistory() {
    // Tu código aquí 👈
    if (this.send())
      return this.messages.getHistory();
  }
}

user.js

export class User {
  constructor(name) {
    // Tu código aquí 👈
    this.name = name;
    this.isLog = false;
  }

  login() {
    // Tu código aquí 👈
    this.isLog = true;
  }

  logout() {
    // Tu código aquí 👈
    this.isLog = false;
  }

  isLoggedIn() {
    // Tu código aquí 👈
    return this.isLog;
  }
}

JAIME EDUARDO DIAZ TOBON

Estudiante

Hace 3 años

++MI SOLUCION++ 💪 . . . . . . . . . . . . . . . . class User

export class User {
  constructor(name) {
    this.name = name;
    this.isLogin = false;
  }

  login() {
    this.isLogin = true;
  }

  logout() {
    this.isLogin = false;
  }

  isLoggedIn() {
    return this.isLogin;
  }
}

class MessagesProxy

export class MessagesProxy {
  constructor(messages, user) {
    this.messages = messages;
    this.user = user;
  }

  sendMessage(text) {
    if (!this.user.isLoggedIn()) throw new Error("Usuario no registrado");
    this.messages.sendMessage(text);
  }

  getHistory() { 
    if (!this.user.isLoggedIn()) throw new Error("Usuario no registrado");
    return this.messages.getHistory();
   }
}

Israel Blas

Estudiante

Hace 3 años

Un poco raro pero me corrío el segundo test recien cuando puse el condicional tambien en gethistory

Bueno ahí va mi solución:

. . . . . . . . . .

export class MessagesProxy {
  constructor(messages, user) {
    this.messages = messages
    this.user = user
  }

  sendMessage(text) {
    if (!this.user.isLoggedIn()) {
      throw new Error("Usuario no registrado")
    }
    this.messages.sendMessage(text)
  }

  getHistory() {
    if (!this.user.isLoggedIn()) {
      throw new Error("Usuario no registrado")
    }
    return this.messages.getHistory()
  }
}

Israel Blas

Estudiante

Hace 3 años

Y en User le puse esto:

export class User {
  constructor(name) {
    this.name = name
    this.status = false
  }

  login() {
    this.status = true
  }

  logout() {
    this.status = false
  }

  isLoggedIn() {
    return this.status
  }
}

Jose Luis Barboza

Estudiante

Hace 3 años

code!!

export class MessagesProxy {
  constructor(messages, user) {
    this.messages = messages;
    this.user = user;
  }

  sendMessage(text) {
    if (this.user.isLoggedIn()) {
      this.messages.sendMessage(text);
    } else {
      throw new Error("Usuario no registrado")
    }
  }

  getHistory() {
    return this.messages.getHistory();
  }
}

Andrés Camilo Vélez Mejía

Estudiante

Hace 3 años

User.js

export class User {
  constructor(name) {
    // Tu código aquí 👈
    this.name = name;
    this._isLoggedIn = false;
  }

  login() {
    // Tu código aquí 👈
    this._isLoggedIn = true;
  }

  logout() {
    // Tu código aquí 👈
    this._isLoggedIn = false;
  }

  isLoggedIn() {
    // Tu código aquí 👈
    return this._isLoggedIn;
  }
}

exercise.js

export class MessagesProxy {
  constructor(messages, user) {
    // Tu código aquí 👈
    this.messages = messages;
    this.user = user;
  }

  sendMessage(text) {
    // Tu código aquí 👈
    if (!this.user.isLoggedIn()) {
      throw new Error("Usuario no registrado");
    }
    this.messages.sendMessage(text);
  }

  getHistory() { 
    // Tu código aquí 👈
    if (!this.user.isLoggedIn()) {
      throw new Error("Usuario no registrado")
    }
    return this.messages.getHistory();
  }
}

Santiago Andres Alvarez Cuadros

Estudiante

Hace 3 años

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

User.js

export class User {
  #isLogged
  constructor(name) {
    this.name = name
    this.#isLogged = false
  }

  login() {
    this.#isLogged = true
  }

  logout() {
    this.#isLogged = false
  }

  isLoggedIn() {
    return this.#isLogged
  }
}

excercise.js

export class MessagesProxy {
  constructor(messages, user) {
    this.messages = messages
    this.user = user
  }

  #isUserLoggedIn() {
    if (!this.user.isLoggedIn()) {
      throw new Error("Usuario no registrado")
    }
    return true
  }

  sendMessage(text) {
    if (this.#isUserLoggedIn())
      this.messages.sendMessage(text)
  }

  getHistory() { 
    if (this.#isUserLoggedIn())
      return this.messages.getHistory()
  }
}

Alejandro Anaya

Estudiante

Hace 3 años

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

Mi solución al reto:

User.js

export class User {
  constructor(name) {
    this.name = name
    this.status = false
  }

  login() {
    this.status = true
  }

  logout() {
    this.status = false
  }

  isLoggedIn() {
    return this.status
  }
}

exercise.js

export class MessagesProxy {
  constructor(messages, user) {
    this.messages = messages
    this.user = user
  }

  sendMessage(text) {
    if (!this.user.isLoggedIn())
      throw new Error("Usuario no registrado")

    this.messages.sendMessage(text)
  }

  getHistory() {
    if (!this.user.isLoggedIn())
      throw new Error("Usuario no registrado")
    return this.messages.getHistory();
  }
}

Gabriel Luna

Estudiante

Hace 3 años

Aquí mi solución: . . . . . . . . . .

User.js

export class User {
  constructor(name) {
    this._name = name
    this._isLoggedIn = false
  }

  login() {
    this._isLoggedIn = true;
  }

  logout() {
    this._isLoggedIn = false;
  }

  isLoggedIn() {
    return this._isLoggedIn;
  }
}

exercise.js

export class MessagesProxy {
  constructor(messages, user) {
    this.messages = messages;
    this.user = user;
  }

  sendMessage(text) {
    if (this.verifyLogIn()) {
      this.messages.sendMessage(text);
    }
  }

  getHistory() {
    if (this.verifyLogIn()) {
      return this.messages.getHistory()
    }
  }

  verifyLogIn() {
    if (this.user.isLoggedIn()) {
      return true;
    } else {
      throw new Error("Usuario no registrado");
    }
  }
}

Abril Darynka Tapia Sosa

Estudiante

Hace 3 años

Hola, dejo mi solución ✨ . . . . . . . . . . . . .

exercise.js

export class MessagesProxy {
  constructor(messages, user) {
    // Tu código aquí 👈
    this.messages = messages;
    this.user = user;
  }

  sendMessage(text) {
    // Tu código aquí 👈
    if (this.user.loggedIn) {
      this.messages.sendMessage(text);
    } else {
      throw new Error(`Usuario no registrado`)
    }
  }

  getHistory() { 
    // Tu código aquí 👈
    if (this.user.loggedIn) {
      return this.messages.getHistory();
    } else {
      throw new Error(`Usuario no registrado`)
    }
  
  }
}

user.js

export class User {
  constructor(name) {
    // Tu código aquí 👈
    this.name = name;
    this.loggedIn = false;
  }

  login() {
    // Tu código aquí 👈
    this.loggedIn = true;
  }

  logout() {
    // Tu código aquí 👈
    this.loggedIn = false;
  }

  isLoggedIn() {
    // Tu código aquí 👈
    return this.loggedIn;
  }
}

Playground - Proxy en servicio de mensajería

¡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