Recupera el Sistema de Comunicaciones

Clase 2 de 5 • Taller de Secretos Ocultos de JavaScript: Protección de Clases y Objetos

Clase anteriorSiguiente clase

Guillermo DlToro.

student•

Entras al curso pensando que son puntos free al ver la introducción | Son ejercicios de js para resolver

Himar Del rio plata

student•

Jajajaja

Juan Castro

teacher•

Esta clase puede ayudarles a resolver el problema: https://platzi.com/clases/2419-javascript-poo-intermedio/39821-instance-of-en-javascript-con-instancias-y-prototi/ :muscle:

Luis Carlos Zapata García

student•

Pase la prueba, pero no me deja ver la clase 3 :confused: .

Juan Castro

teacher•

Ya está disponible, Luis: https://platzi.com/clases/5943-secretos-javascript/58542-vulnerabilidades-del-sistema-de-navegacion/

Muchas gracias por star pendiente. :D

David Prado

student•

Que gran forma de probar lo aprendido!!.. super divertido Platzi!

Felipe Moreno

student•

export class Satelite {
  constructor({
    name,
  }) {
    this.name = name;
    this.messages = [];
  }
  
  send({ from, to, text }) {
    if (
      (from instanceof Astronaut) &&
      (to instanceof SpaceStation) &&
      (to.team.includes(from.name))
    ) {
      this.messages.push({
        from: from.name,
        to: to.name,
        text,
      });
    }
  }

Brayan Estiben Rodallega Saavedra

student•

Listo, estuvo genial el desafío!🚀 +1

Andrés Schuster

student•

function ValidateAstronaut(astronaut) {
    if (astronaut instanceof Astronaut) {
        return true;
    }
    return false;
}

function ValidateStation(station) {
    if (station instanceof SpaceStation) {
        return true;
    }
    return false;
}

function VefifyIfAstronautIsInStation(astronaut, station) {
    if (station.team.includes(astronaut.name)) {
        return true;
    }
    return false;
}

export function simulacion({ satelite, estacion, astronauta, texto }) {
    satelite.send({
        from: astronauta,
        to: estacion,
        text: texto,
    });

    return satelite.messages;
}

export class Astronaut {
    constructor({ name }) {
        this.name = name;
    }
}

export class SpaceStation {
    constructor({ name }) {
        this.name = name;
        this.team = [];
    }

    addTeamMember(newMember) {
        if (newMember instanceof Astronaut) {
            this.team.push(newMember.name);
        }
    }
}

export class Satelite {
    constructor({ name }) {
        this.name = name;
        this.messages = [];
    }

    send({ from, to, text }) {
        if (!ValidateAstronaut(from)) {
            return [];
        }

        if (!ValidateStation(to)) {
            return [];
        }

        if (!VefifyIfAstronautIsInStation(from, to)) {
            return [];
        }
        
        this.messages.push({
            from: from.name,
            to: to.name,
            text,
        });
    }
}

Victor Baruch Pazaran Jaimes

student•

Interesante prueba, me gusta este tipo de cursos interactivos!

Santiago Quintero

student•

MI solución:

 send({ from, to, text }) {
    if(from instanceof Astronaut && to instanceof SpaceStation &&to.team.includes(from.name)){
      this.messages.push({
        from: from.name,
        to: to.name,
        text,
      });
    }
    
  }

Solo modifiqué el método send de la clase Satelite para que validara todos lo indicado

José Gerstner Javid

student•

Me encantó esta temática!

Jefferson Ramos

student•

Tip: Al hacer una condicional pueden "concatenar" varias condiciones con el operador && el cual pide que todas estas devuelvan true para que se cumpla la condicion, ejemplo:

if (condicion a && condicion b) {
	// Solo se ejecuta si a y b devuelven true
}

Pueden tener 2 o más condiciones según lo vean conveniente. 👍

CRISTIAN DARIO AGUDELO PORRAS

student•

I feel good!!! 🎵🎵🎵

Hector Maluy Fernandez

student•

¡Lo resolví! Lo único que hice fue modificar el método send de la clase Satelite.

Andres Eduardo Maneiro Antunez

student•

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

Solo agregue una validacion en la clase Satelite

export class Satelite {
  constructor({
    name,
  }) {
    this.name = name;
    this.messages = [];
  }
  
  send({ from, to, text }) {
    const isAstronaut = from instanceof Astronaut
    const isSatelite = to instanceof SpaceStation
    const isTeamMember = to.team.some(member => member === from.name)

    if (isSatelite && isAstronaut && isTeamMember) {
      this.messages.push({
        from: from.name,
        to: to.name,
        text,
      })
    }
  }
}

Bramucci Candela

student•

Muy entretenido! Aunque sería genial que pudiéramos poner el código en pantalla completa.

Juan Castro

teacher•

Muchas gracias por el feedback. Aquí lo puedes encontrar en pantalla completa: https://jshero.platzi.com/e/js/secretosjs-01 Vamos a trabajar en la posibilidad de agregarlo en pantalla completa de forma más intuitiva. :D

Bramucci Candela

student•

Muchas gracias! Aviso que con el link puedo entrar al último challenge sin haberlo desbloqueado (creo que es un error, por que desde Platzi no puedo).

Carlos Mauro Cárdenas Fernández

student•

Tarda un poco poer si esta bueno voy a revisar como resolverlo.

JUAN CAMILO CAMPO TANGARIFE

student•

Primera Fase completa!!! vamos Juan DC por a salvarte!! jajajaja

Juan Castro

teacher•

Yo qué? El Capitán DC puede parecerse a mí pero no soy yo disfrazado de astronauta. :P

Ramses Acosta

student•

hola, muy bueno el reto, pero que tecnologías, librerías, etc, usaron para implementar el sistema del reto? Como ejecuta el código en el Browser? Como se hicieron los test ?

Juan Castro

teacher•

Mira: https://platzi.com/cursos/javascript-testing/

Daniel Alberto Cifuentes Castro

student•

Hola! ¿A alguien más le sale este error? Application error: a client-side exception has occurred (see the browser console for more information).

Daniel Alberto Cifuentes Castro

student•

Ya funciona!

Miguel Angel Avendaño Aguirre

student•

A MI, JUSTO HOY

Javier Marin Ayza

student•

Hola no se si entiendo bien en que consiste...

En guia hay 4 ejemplos para los 4 botones que hay en vista donde se pone lo que se va a introducir y la salida que queremos que ocurra. Es así?
Para esto hay que modificar el código del editor exercise.js
En vista estará lo cargado, es decir las matrices que tenemos en memoria (astronautas, estaciones espaciales y satelite) y tenemos los botones que nos arrojarán un resultado según las modificaciones hechas en exercise.js. Sigo bien?
Y supongo que correr pruebas será que cuando le demos al botón en la pestaña pruebas aparecerá si esta bien o no... si valida todo correcto pasamos el reto. Y sino supongo que arrojaría una pista de donde hay error.
Es que como veo que hay 3 intentos antes de toquetear quería asegurarme que entendí como va la cosa.

Juan Castro

teacher•

Correcto
Correcto
Sigues bien
Correcto, aunque más que darte una pista de dónde está el error, te mostrará que resultado se esperaba y cuál se obtuvo
No solo tienes 3 intentos, sino que a los 3 intentos se te habilitará un botón para ver la solución oficial, pero es tu decisión si tomas esa ayuda o no, en realidad puedes probar las veces que quieras

Javier Marin Ayza

student•

Gracias JuanDC

Jorge Franco Herrera

student•

Esta fue mi solución pero no puedo correr las pruebas.