No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Playground: Ejecuta un callback con 2s de demora

7/26

Aportes 96

Preguntas 5

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

esta excelente !
los veo mejores que los quizes

Voy a dejar el c贸digo abajo, pero si no has logrado el reto todav铆a, intenta terminarlo primero.\



**
*
*
*
*
*
*
*

export function runCode(callback) {
  window.setTimeout(callback, 2000)
}

Es la primera vez que veo un playground en Platzi. Es ch茅vere, aunque no me parece tan clara la nota que pusieron. Igual, se agradece mucho este espacio

Aplaudo mucho la integraci贸n de estas herramientas, pienso que le falta pulir un poco a la explicaci贸n. Gracias por hacer los cursos m谩s din谩micos!

Justo estaba terminando el m贸dulo ahorita y acaban de implementar estas pruebas 鉁煉 me encanta 馃榾

Excelente iniciativa s煤banle el sueldo al de la idea.

Hay que intentar se un poco mas claro en la pregunta, yo entend铆 que ten铆amos que crear un callback con un setTimeOut, no que ten铆amos que terminar el que mencionan en el ejemplo. Eventualmente ya me di cuenta de lo que esperaban que hici茅ramos.

muy poco intuitivo este playground

Tambi茅n logre hacerlo de esta manera

function runCode(name, callback) {
    return setTimeout(function () {
      console.log(callback(name));
    }, 2000);
  }
  
  function name(name) {
    return `Hola ${name}`;
  }
  
  runCode('Jesus', name);

El playground est谩 genial, pero se demora mucho para ejecutar el c贸digo.

Tengo que felicitarlos, no s茅 si de aqu铆 en adelante los cursos van a venir con m谩s de estas pruebas, espero que si, ya que me parece genial que tengamos problemas para ir resolviendo, ya que creo que aprendemos m谩s en el campo.

馃槑馃挭馃徎馃憦馃徎馃憦馃徎馃憦馃徎

Hola!

Esta es otra manera de hacer el ejercicio tambien. Intente hacerlo en el playground pero no lo aceptaba. Tuve que hacerlo de la forma tradicional (aunque me gusta mas el de la imagen). Suerte a todos!

Muy ch茅vere el PlayGround, aun as铆, las instrucciones no son muy claras.

Para mi que estoy empezando a ver el tema es un poco complicado de entender, estoy buscando otros videos que expliquen mejor y usando otras herramientas como chatgpt para que me ayuden en mi tarea de aprender, por lo pronto esta es la soluci贸n que me funciono seg煤n lo que he entendido.
export function execCallback(callback) {
// Tu c贸digo aqu铆 馃憟
window.setTimeout(() => {
const myFunc = () => console.log(鈥楲og after 2s鈥)
callback(myFunc);
}, 2000)
}

execCallback()

S铆, es genial la idea del Playground, m谩s sin embargo, las instrucciones no son para nada claras , deber铆an de ser m谩s espec铆ficos y no tan 鈥渢茅cnicos鈥 de lo que solicitan para solucionarlo鈥
De igual manera, no me parec铆an tan mal los quizzes, estar铆a bueno que lo combinaran para tambi茅n reforzar un poco la teor铆a y pr谩ctica. 馃槂

la verdad no comprend铆 como hacerlo y despu茅s del primer intento me voto no me dejo hacerlo mas, as铆 que prefer铆 hacerlo en la terminal preciosa que tiene el Firefox

Soluci贸n:

export function execCallback(callback) {
  window.setTimeout(() => {
    return callback();
  },2000) 
}

Aplaudo este tipo de propuestas de platzi que nos permiten poner a prueba lo que estamos aprendiendo, de verdad son excelentemente 煤tiles. Al igual que otros compa帽eros tambi茅n comparto la idea de que quiz谩s se debe mejorar la forma en la que se expresa la idea de lo que debemos hacer(por lo menos en este ejercicio), porque se hizo un poco confuso entenderlo desde el inicio, pero fuera de eso de verdad esto est谩 genial.

MI SOLUCI脫N
*
*
*
*
*

Re bugueado el playground

Soluci贸n:

Seg煤n la gu铆a, ya tenemos una funci贸n definida previamente y esta se ve as铆:

// Se crea la funci贸n 
const myFunc = () => console.log('Log after 2s');
// Se la pasamos como argumento a la funci贸n con el callback
execCallback(myFunc);

Soluci贸n:

export function execCallback(callback) {
  window.setTimeout(callback, 2000);
}

Si copiamos esto en la consola del navegador recuerda seguir este orden, de lo contrario tendremos un error:

const myFunc = () => console.log('Log after 2s');

function execCallback(callback) {
  window.setTimeout(callback, 2000);
}

execCallback(myFunc);

// Output:
// Log after 2s

Mi solucion.
Primero me confundi un poco ya que por alguna razon no entendia bien la guia

export function execCallback(callback) {
  // Tu c贸digo aqu铆 馃憟
  window.setTimeout(callback,2000)
}

Lo logr茅, mi forma de hacerlo fue as铆:

export function execCallback(name, placa) {
// Tu c贸digo aqu铆 馃憟
console.log(Tu conductor asignado, ${name}, con placas ${placa} llegar谩 en 3 minutos);
}

setTimeout(execCallback, 2000, 鈥楢lexander鈥, 鈥楳TN-06D鈥);

Este es mi c贸digo, realmente me costo mucho hacerlo, mas de lo que pensaba y no se si esta bien, si alguien me lo corrobora genial, muchas gracias! 馃槃

< export function execCallback(callback) {
  console.log('Como estas ' + nombre() + ' ?');
  callback();
};

function nombre() {
  let name = 'Bruno';
  return name;
};

window.setTimeout(() => {
  execCallback(nombre);
}, 2000); >

Solo hay que terminar la funcion que ya esta implementada.

export function execCallback(callback) {
  window.setTimeout(callback, 2000);
}
console.log('log after 2s');
export function execCallback(callback) {
  // Tu c贸digo aqu铆 馃憟
  window.setTimeout(callback, 2000)
}


export function execCallback(callback) {
  window.setTimeout(callback, 2000);
}

Esta es mi soluci贸n, pero no me lo corri贸 el playground.
Dejo espacios para no spoilear con mi respuesta
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

const myFunc = () => console.log('Log after 2s')
export function execCallback(callback) {
  window.setTimeout(callback, 2000)
}

execCallback(myFunc)

Aqu铆 tienes una posible soluci贸n para la funci贸n execCallback utilizando setTimeout para demorar la ejecuci贸n del callback por 2 segundos:

export function execCallback(callback) {
  window.setTimeout(callback, 2000);
}

Dentro de la funci贸n execCallback, llamamos a setTimeout pasando el callback como primer argumento y 2000 (que representa 2 segundos en milisegundos) como segundo argumento. Esto har谩 que el callback se ejecute despu茅s de un retraso de 2 segundos.
.
Recuerda que en este ejemplo se est谩 utilizando window.setTimeout para poder monitorear el uso de la funci贸n en la ejecuci贸n de pruebas, como se menciona en el enunciado.

Yo lo hice asi

export function execCallback(callback) {
  window.setTimeout(() => {
    callback(console.log('Log after 2s'))
  },2000)
}

脷ltimamente esta como malo el Playground este, se demora un siglo en hacer un test y a veces ni lo hace. Fue bonito mientras duro, ahora a saltarselo

Hola hay un problema con los playground, est谩n tardando demasiado en responder, soy el 煤nico?

Mi codigo 馃槃, lean bien, necesitan llamar a window

export function execCallback(callback) {
  // Tu c贸digo aqu铆 馃憟
  return window.setTimeout( callback , 2000)
}

Buenas,

Comparto la solucion que le encontre al ejercicio!
La verdad estan muy buenos estos ejercicios con consola.

function time(){
    return setTimeout(()=>{console.log ("Log after 2s")},2000);
  };
  

function execCallback(callback) {
   return callback();
  };

 
execCallback(time);

ALTO AH脥!!!

SI SE PODR脕 LA PR脫XIMA VEZ

function execCallback(callback) {
  window.setTimeout(callback, 2000);
}

Me gustan mucho estos retos para poner en pr谩ctica los conceptos inmediatamente. Aqu铆 les dejo mi soluci贸n 馃挌


Ac谩 pueden probar el c贸digo:

// Soluci贸n al ejercicio de "PlayGrounds"
export function execCallback(callback) {
    window.setTimeout(
      callback, 2000);                          
    }

Dejo aqui mi solucion
*
*
*
*
*
*
*
*
*

export function execCallback(callback) {
  window.setTimeout(callback, 2000)
}











`

export function execCallback(callback) {
  window.setTimeout(callback, 2000);
}

function greetings() {
  console.log('Hola platzi');
}

execCallback(greetings);

Si le das 1000 veces al correr pruebas puedes llenar la pantalla de confetis .
0_0 0_0 0_0 0_0 0_0

Mi humilde c贸digo aunque no es v谩lido para playground funciona en la consola

function execCallback(callback) {
    console.log(callback)
}

setTimeout(() => {
    execCallback("Execute myFunc 2s after")
}, 2000)

Mi soluci贸n:

export function execCallback(callback) {
  return window.setTimeout(callback, 2000)
}
export function execCallback(callback) {
  // Tu c贸digo aqu铆
  window.setTimeout(() => {
    callback();
  }, 2000)
}

function test() {
  console.log('Hola :D')
}

execCallback(test)

Me sumo a los comentarios que hay que mejorar la explicaci贸n de lo que piden, para llegar a comprender claramente lo que se requiere.

7/26 Playground: Ejecuta un callback con 2s de demora
馃惛
馃惛
馃惛
馃惛
馃惛
馃惛
馃惛
馃惛
馃惛
馃惛
馃惛

export function execCallback(callback) {
  // Tu c贸digo aqu铆 馃憟
  window.setTimeout(callback, 2000)
};

Escudo anti spoilers 猬囷笍猬囷笍猬囷笍 scroll Dow answer.
馃洝锔
馃洝锔
馃洝锔
馃洝锔
馃洝锔
馃洝锔
馃洝锔
馃洝锔
馃洝锔
馃洝锔
馃洝锔
馃洝锔

export function execCallback(callback) {
  window.setTimeout(
   callback, 2000)
}
// funciones pruebas
function myFunc() {
  console.log("log after 2 seg")
}
function grettin() {
   console.log("Hello,Word")
 }
// se puede ejecutar con cualquier funcion que le pases
// primera ejecucion
execCallback(myFunc)
//segubda ejecucion y asi sucesiamente puedes usar cualquier funcion  que le pases para quese ejecute 2 seg despues.
execCallback(grettin)

Se debe ejecuar un setTimeout con la funcion callback que es la que nos estan dando como parametro, se define el tiempo en 2000ms
.

export function execCallback(callback) {
  window.setTimeout(callback, 2000);
}

Ac谩 dejo mi soluci贸n:

<export function execCallback(callback) {
  // Tu c贸digo aqu铆 馃憟
  window.setTimeout(() => {
    // code
  }, 2000)
  callback(myFunc);
}

const myFunc = () => console.log('Log after 2s')
execCallback(myFunc);> 

Le di tantas vueltas para que terminara siendo sencillo jajaja.

export function execCallback(callback) {
  return window.setTimeout(callback, 2000);
}
export function execCallback(callback) {
  // Tu c贸digo aqu铆 馃憟
  
  return  window.setTimeout(callback, 2000)
  
}

Este playground estuvo bien chevere

export function execCallback(callback) {
  window.setTimeout(callback, 2000);
}

Jeje Lo logr茅, aunque si estaba un poco rara la explicaci贸n.

export function execCallback(callback) {
  // Tu c贸digo aqu铆 馃憟
  window.setTimeout((callback), 2000);
}
const saludar = () => console.log('Hola Mundo');
execCallback(saludar);

Haber yo lo resolvi de esta manera supongo que habra mejores maneras de hacerlo pero aqui mi aporte鈥

Lo oculto un poco para que no se expoileen jeje
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

export function execCallback(callback) {
  // Tu c贸digo aqu铆 馃憟
  return window.setTimeout(callback, 2000);
}

function hola() {
  console.log('Hola');
}

execCallback(hola);

El playground no funciona, pero lo hice en VSC.

export function execCallback(callback) {
//la funcion arrow de ejemplo te hace pisar la rama, pero esta bien asi:
window.setTimeout(callback, 2000);
//los 2000 representa milisegundos 2000= 2 seg
}

//(El bot贸n verde del margen derecho de abajo no funciona)

Est谩 muy bueno y ya tuve la oportunidad de hacer los retos de los playground anteriores de otros cursos.

馃毄鈿狅笍 Solo me parece que la explicaci贸n de lo que ten铆amos que hacer en este fue muy confuso. De mi parte tuve que ver los aportes de la comunidad. Y en este modulo hay pocos.

La soluci贸n era sencilla, pero me lo compliqu茅 bobamente, as铆 que鈥 que mejor que un callback? Un callback dentro de otro callback

export function execCallback(callback) {
  function hi(p1) {
    return p1
  }

  window.setTimeout(
    function () {
      console.log(callback(hi("hi")))
    }
    , 2000)
}

Un poco confuso en las instrucciones, pero se logr贸 馃槃

export function execCallback(callback) {
  window.setTimeout(callback, 2000);
}

Me la estaba complicando al principio con la funci贸n arrow del ejemplo, pero termin贸 siendo muy f谩cil

window.setTimeout(callback, 2000);
export function execCallback(callback) {
  window.setTimeout(() => {
    callback();
  }, 2000);
}

No me funciona :鈥(

Ac谩 dejo mi humilde aporte grupo, saludos!

function execCallback(callback) {
  window.setTimeout (callback, 2000)
}

const myFunc = () => {
  console.log('Log after 2s');
}

execCallback(myFunc);

馃挌

El ejercicio no se entiende del todo y es muy lento para mostra el resultado. Sin embargo, la idea es buena.

export function execCallback(callback) {
  window.setTimeout(() => {
    callback();
  }, 2000);
}

Opino lo que la Mayoria鈥l ejercicio no esta bien planteado !!

La gu铆a del ejercicio no es del todo clara a simple vista, pero lo que es importante tener en cuenta es que el callback que env铆an en las pruebas es la funci贸n completa, no solo el nombre de una funci贸n.

No es clara la nota que se muestra, lo intente hacer tal cual como oscar barajas lo hizo en el video anterior鈥 pero no funciono 鈥 mi pregunta es la respuesta era 煤nica?

Me agrada la idea del playground, ayuda a practicar los conceptos鈥 Lo he visto en algun lado estoy seguro, pero bien por Platzi.

Aqui les dejo otra implementacion, antes de ver la solucion intenta resolverlo:
*
*
*
*
*
*
*
*
*
*

<// Tu c贸digo aqu铆 馃憟
  window.setTimeout(() => {
    callback();
  },2000)> 

esto es muy interactivo, muchas gracias por siempre pensar en el dinamismo de las pruebas.

Ya de varios playgrounds que he hecho, veo que la redacci贸n de la gu铆a tiende a confundir lo que pide el ejercicio. A veces menos es m谩s pero si est谩 bien escrito.
Por algo es que la documentaci贸n no la escriben programadores.

me encantan estos ejercicios, pero en este caso la pregunta no es clara en su planteamiento, creo que seria bueno si revisaran un poco la manera de plantear los ejercicios

siento que le falta alg煤n tipo de feedback al bot贸n de correr pruebas, por momento s le doy click y por la sensaci贸n de que no hace nada le doy de vuelta y pierdo mas de un intento sin querer

export function execCallback(callback) {
  window.setTimeout(() => {
    callback()
  }, 2000)
}

const myFunc = () => console.log('Log after 2s')
execCallback(myFunc);

Genial el playgraound! genera mucho m谩s valor a la realizaci贸n de los cursos!
Un apunte, se podr铆a mejorar las notas con referencia a la explicaci贸n as铆 como trabajar para evitar usas window

Esta implementaci贸n de playground es genial!!! me encanta 馃槏. Ojal谩 se implente en todos los cursos practicos

Que gozu la nueva implementaci贸n, mucho mejor para practicar que los quizes

creo que debeoria ser un poco mas clara la nota

Me encant贸 este playground y aunque me tom贸 un poco entender qu茅 era lo que se deb铆a hacer, no s茅 si ser谩 mi propia falta de pr谩ctica o que el enunciado no est谩 bien f谩cil de entender de buenas a primeras; de todas formas, disfrut茅 el reto.

Esta bastante bien esta nueva funcion de los playgrounds, le agrega otro dinamismo y es mejor al simple preguntas y respuestas.

Es la primera vez que pruebo esta nueva funci贸n de Platzi que son los playgrounds, la verdad me decepciona un poco porque en esta ocasi贸n yo lo hice de la forma correcta, pero el sistema me lo rechaza porque parece que tengo que hacerlo de una forma espec铆fica :T
.
Spoiler de la soluci贸n
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Esta es la forma en la que yo lo hice en primer lugar con la ayuda de la consola de Firefox para hacer pruebas:

export function runCode(callback) {
  function showAnimal(callback) {
    console.log(`This animal is a ${callback}`);
  };
  window.setTimeout(showAnimal, 2000, 'Fox');
}

Y esta es la forma en la que al final lo hice para que me aceptara el reto鈥

export function runCode(callback) {
  window.setTimeout(callback, 2000);
}

Creo que falta pulir este sistema en el sentido de explicar mejor como funciona y tambi茅n que sea un poco mas 鈥渋nteligente鈥

Ya vi la respuesta y ya comprend铆 que quieran que hiciera, entonces mi respuesta no es tan diferente a la que muestra la interfaz:

Si no comprendes que quieren. Quieren que usea el callback (runCode(callback), solo el callback) y que se ejecute 2 segundos despu茅s

Es bastante f谩cil, pr谩cticamente te dieron la respuesta al decir que uses: window.setTimeout();

.
.
.
.
.
.
.
.
.
.

export function runCode(callback) {
  function name() {
    window.setTimeout(callback, 2000);
  }
  name();
}

Porque no le entend铆?

Esta pieza de c贸digo me desconcert贸

export function runCode(callback) {


}

No supe leer o no fueron muy claros 驴?

Me gustar铆a que dijera:

Haz que este callback se ejecute con un retraso de 2 segundos. (Refiriendose al callback que importaron )
Yo cre铆 que yo ten铆a que crear un callback y luego usar un window.setTimeout

Este fue mi intento al no comprender.

  function mensaje(callback) {
    var text = "llegue 2seg tarde nada m谩s";
    callback(text);
  }

  function tiempo(carta) {
    window.setTimeout(carta, 2000);
  }

  mensaje(tiempo);

Wow, cada vez mejorando nuestra forma de aprender con estos detalles, gracias Platzi y a todo su equipo, que genial. 馃榾

Esta excelente el playgrownd, me parece que es una evoluci贸n a los quiz muy acertada, muchas felicitaciones 馃憦馃憦.

Mil veces mejor esto que los quizzes 馃殌

Esto es de lo poco que le faltaba a Platzi, 隆隆brutal!!

super cool este ejercicio.

Creo que en Visual Studio Code seria algo asi:

function showMessage(message) {
   return message = console.log('Log after 2s');
}
function runCode(callback) {
   setTimeout(() => {
      callback();
   }, 2000);
}
runCode(showMessage);

Y este me funciono en el reto:

export function runCode(callback) {
  window.setTimeout(callback, 2000);
}
function print(message) {
  return message;
}
runCode(print('Log after 2s'));

entre despues de un tiempo al curso de asincronismo y se me a estado olvidando pero aqui les dejo mi codigo:

export function runCode(callback) {
window.setTimeout(callback, 2000);
}
function print(mensaje) {
console.log("execute function 2s after " + mensaje);
}
runCode(print(鈥渂y john鈥));

Mejor que los quizes, dado que nos lleva mas alla en el desarrollo de nuestras habilidades.

ya hacia falta este tipo de features en Platzi, eso si tarda mucho en ejecutar pero espero que poco a poco lo vayan mejorando.

BROOOOOOOOOOO, QUE BUEN FEATURE

Me encanta esta forma de evaluacion!

Iba en la clase 14 cuando veo que agregaron una nueva actividad, jajaja. Me parece genial.

Genial! Que gran implementacion

undefined