Playground: Ejecuta un callback con 2s de demora

Clase 7 de 26 • Curso de Asincronismo con JavaScript

Orlando Rodriguez

student•

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)
}

Sebastián Andrés Sanhueza Tapia

student•

Gracias por ocultar tu código, en otros desafíos la gente pone la respuesta y uno inmediatamente se espoilea sin tener el tiempo de pensar la solución

Jonathan Barzola

student•

Buen aporte!

Esteban Maruri

student•

esta excelente ! los veo mejores que los quizes

Esaú Maximino

student•

Si el ejercicio tarda mucho en cargar, lo pueden encontrar en este link: https://jshero.platzi.com/e/js/set-timeout-callback?path=async

Tomás Felipe Beltrán Pulido

student•

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

Rodrigo Antonio Morales Durán

student•

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!

Willy Emanuel Antunez Gonzales

student•

Justo estaba terminando el módulo ahorita y acaban de implementar estas pruebas ✨💚 me encanta 😀

Nicolas Molina

teacher•

Espero lo disfrutes mucho!

Jonathan Barzola

student•

Wow la verdad que si esta muy bueno, no me lo esperaba!

Jose Alejandro Boscan Nava

student•

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

Eric Gabriel Martinez Labrin

student•

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.

Julius Antoan Lino Zegarra

student•

muy poco intuitivo este playground

Elías Camilo Martínez Salcedo

student•

El playground está genial, pero se demora mucho para ejecutar el código.

Pedro Gonzalez

student•

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.

😎💪🏻👏🏻👏🏻👏🏻

Jesús Vivas

student•

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);

Jorge Alberto Ruiz Jaimes

student•

El primer parametro de la funcion setTimeout es un callback, por lo tanto, el llamado a la funcion anonima no es necesario. PD. Me tome el atrevimiento de cambiar los nombres de funciones y saludo, perdon por ello

function runCode(name, callback) { return setTimeout(console.log(callback(name)), 2000); }

function greeting(name) {
    return `Hi, ${name}!`;
}

runCode("Jesus", greeting);

Laura Roa

student•

Me encanta esta nueva metodologia y espero que la implementen en muchos de los cursos pero aun siento que hay cosas por mejorar porque el ejercicio no me queda muy claro. No se si usar la funcion que ya esta ahi o crear una nueva.. los errores no son muy claros no se si la gramatica es de los errores es correcta :\

Should return execute the callback Should return execute the callback after 2s expect(jest.fn()).toHaveBeenCalledTimes(expected) Expected number of calls: 1 Received number of calls: 0

no se si los errores son asi o deberian ser escritos de esta manera :

The callback should be executed The callback should be executed after two seconds.

Nicolas Molina

teacher•

Hola, muchas gracias por ayudarnos a mejorar ya esta corregido!

Samuel Suárez

student•

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!

Nestor Rios Garcia

student•

A mi también me paso.

Woldev S.A.S

student•

Muy chévere el PlayGround, aun así, las instrucciones no son muy claras.

Eduar García

student•

Solo yo presento este bug? de no poder ver le código!!

Magdiel Linares

student•

Me pasa igual, no entiendo

Jesus Castillo

student•

Me pasa igual

Charles Castillo Rosas

student•

Asíncronismo en JS - Notion

Marcel Marin

student•

Esta privado

Joseph Perales Retamozo

student•

¿Por qué poner el "window", si sin eso también funciona?

Fernando Orozco Velasquez

student•

Se usó solo para que la página pudiera calificar tu solución.

Luis Antonio Márquez Castro

student•

Se me queda siempre en "Corriendo pruebas", a alguien mas le pasa?

David Arias Fuentes

student•

Hola Luis, si al parecer se queda "Corriendo pruebas" pero si le das nuevamente al botón de "Correr Pruebas" te da el resultado. Feliz día!

Luis Antonio Márquez Castro

student•

Muchísimas gracias devarias, me sirvió tu consejo.

Gustavo Tercero Guevara Torres

student•

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('Log after 2s') callback(myFunc); }, 2000) }

execCallback()

Cindy Carolina Campos Navarro

student•

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 "té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. :)

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

Playground: Ejecuta un callback con 2s de demora

Introducción

Lo que aprenderás en este curso

Qué es el asincronismo

Event Loop

Iniciando a programar con JavaScript

Callbacks

Configuración

Qué son los Callbacks

Playground: Ejecuta un callback con 2s de demora

XMLHTTPRequest

Fetch data

Callback hell

Promesas

Qué son las promesas

Playground: Crea una función de delay que soporte asincronismo

Fetch

Fetch POST

Async Await

Funciones asíncronas

Try and catch

Playground: Captura el error de una petición

¿Cómo enfrentar los errores?

Generadores

Generators

Proyecto CV

Proyecto del curso

Consumiendo API

Desplegando el proyecto

Playground: Crea una utilidad para hacer peticiones

Nunca pares de crear

Conclusión

¿Qué camino tomar para seguir aprendiendo?

Autoevaluación de Proyecto: Creación de Landing Page