CursosEmpresasBlogLiveConfPrecios

Playground: Captura el error de una petición

Clase 17 de 26 • Curso de Asincronismo con JavaScript

Clase anteriorSiguiente clase

Contenido del curso

Introducción
  • 1
    Lo que aprenderás en este curso

    Lo que aprenderás en este curso

    01:34
  • 2
    Qué es el asincronismo

    Qué es el asincronismo

    09:25
  • 3
    Event Loop

    Event Loop

    11:13
  • 4
    Iniciando a programar con JavaScript

    Iniciando a programar con JavaScript

    02:59
Callbacks
  • 5
    Configuración

    Configuración

    10:23
  • 6
    Qué son los Callbacks

    Qué son los Callbacks

    14:56
  • 7

    Playground: Ejecuta un callback con 2s de demora

    00:00
  • 8
    XMLHTTPRequest

    XMLHTTPRequest

    15:03
  • 9
    Fetch data

    Fetch data

    17:44
  • 10
    Callback hell

    Callback hell

    06:56
Promesas
  • 11
    Qué son las promesas

    Qué son las promesas

    11:54
  • 12

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

    00:00
  • 13
    Fetch

    Fetch

    16:12
  • 14
    Fetch POST

    Fetch POST

    14:55
Async Await
  • 15
    Funciones asíncronas

    Funciones asíncronas

    10:07
  • 16
    Try and catch

    Try and catch

    11:51
  • 17

    Playground: Captura el error de una petición

    00:00
  • 18
    ¿Cómo enfrentar los errores?

    ¿Cómo enfrentar los errores?

    03:42
Generadores
  • 19
    Generators

    Generators

    08:06
Proyecto CV
  • 20
    Proyecto del curso

    Proyecto del curso

    11:48
  • 21
    Consumiendo API

    Consumiendo API

    19:24
  • 22
    Desplegando el proyecto

    Desplegando el proyecto

    16:45
  • 23

    Playground: Crea una utilidad para hacer peticiones

    00:00
Nunca pares de crear
  • 24
    Conclusión

    Conclusión

    03:09
  • 25
    ¿Qué camino tomar para seguir aprendiendo?

    ¿Qué camino tomar para seguir aprendiendo?

    04:12
  • 26

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

    00:44
    Gerson Estuardo Alvarado Hernández

    Gerson Estuardo Alvarado Hernández

    student•
    hace 3 años

    La idea de estas pruebas es muy buena, lo que debería de mejorar son las instrucciones y no usar cosas que no se han indicado en el curso como el

    throw new Error('API Not Found');
      Jesus Castillo

      Jesus Castillo

      student•
      hace 3 años

      exacto

      Nicolas Molina

      Nicolas Molina

      teacher•
      hace 3 años

      Hola, ya pusimos esta instrucción como parte de la guía, muchas gracias por la retroalimentación vamos mejorando este formato paso a paso.

    Cristian Soto Repol

    Cristian Soto Repol

    student•
    hace 3 años

    No se si aporte algo, pero el ejercicio trata de que dentro de la función runCode hagan el llamado a la api que no se encuentra y capturen el error. por defecto se ejecuta await runCode(), así que hagan todo dentro de este.

    Recordar también que pueden utilizar fetch sin el import debido a que estamos en el browser y que los errores se pueden controlar con try/catch.

      Nicolas Molina

      Nicolas Molina

      teacher•
      hace 3 años

      Que gran aporte y apoyo a tus compañeros!

      Wladimir Rocha

      Wladimir Rocha

      student•
      hace 3 años

      Excelente analisis, yo estuve a punto de lograrlo

    Felipe Toro C

    Felipe Toro C

    student•
    hace 3 años

    No he podido solucionar estos retos, es increible como al ver la solucion de repente todo es tan fácil. Ni modo a seguir practicando y a leer más código. Si pueden recomendarme proyectos para practicar les voy a agradecer mucho.

      David Muñoz Sáez

      David Muñoz Sáez

      student•
      hace 3 años

      Es un asunto de conceptos... de los conceptos que nos faltan...

      Luis Ángel Arvelo Pérez

      Luis Ángel Arvelo Pérez

      student•
      hace 3 años

      Exercism aqui practico los conceptos que aprendo de Platzi.

    David Carrillo Castillo

    David Carrillo Castillo

    student•
    hace 3 años

    ... estos retos, no te dejan en claro lo que tienes que hacer

    Diego Rivera

    Diego Rivera

    student•
    hace 3 años

    Creo que el feature esta malo, ya llevo haciendo varias pruebas que estan correctas pero me dice que esta malo. y ni siquiera la solucion me la acepta ![](

    Screenshot 2022-09-27 184102.png

      Nicolas Molina

      Nicolas Molina

      teacher•
      hace 3 años

      Si tienes razón este ejercicios presentaba algunos problemas, pero ya esta solucionado!

      Diego Rivera

      Diego Rivera

      student•
      hace 3 años

      Okay, muchas gracias nico! No esperaba una respuesta tuya :D

    Pedro Gonzalez

    Pedro Gonzalez

    student•
    hace 3 años

    Entendí la orden que tenía que ejecutar, pero aún no nos habían dado la herramienta para devolver el error. El ejercicio estuvo muy bueno estuve rato tratando de resolverlo con los console. Al final vi la solución porque no lo pude resolver, igual creo que es culpa mía tenía que haber googleado, ya nos enseñaron que también es parte de programar.

    throw new Error('API Not Found');

    Creo que fue una "Cascara de banana" 😂😂😂

    Gilberto Espinoza Maciel

    Gilberto Espinoza Maciel

    student•
    hace 3 años

    Houston, we have a problem! . Podemos observar que los tests no pasan incluso con la solución dada por el Playground. Equipo Platzi, para que lo chequen

    download.png
    Stiven Andres Medina Lopez

    Stiven Andres Medina Lopez

    student•
    hace 3 años

    Mi solucion:

    export async function runCode() { // Tu código aquí 👈 const url = 'https://domain-api-com'; try { const data = await fetch(url); const json = await data.json(); return json; } catch (err) { throw new Error('API Not Found') } }
    Wladimir Rocha

    Wladimir Rocha

    student•
    hace 3 años

    Como vamos no se como realizarlo

      Esteban Maruri

      Esteban Maruri

      student•
      hace 3 años

      haces que runcode ejecute una promesa con un error y lo llamas desde una funcion async

    David Alvarez

    David Alvarez

    student•
    hace 3 años

    Falto una mejor explicacion en la Guia del ejercicio. donde mencione que no sirve el console.log() sino un nuevo comando throw new Error()

    Sebastián Andrés Sanhueza Tapia

    Sebastián Andrés Sanhueza Tapia

    student•
    hace 3 años

    no entiendo por qué en el catch solo acepta

    catch { throw new Error("API Not Found") }

    y no te recibe otras variantes como

    catch { console.log('API No Found'); } //o algo así catch (error) { console.error(error); } //otra forma catch (error) { console.error('API No Found'); }
      Eloy Bernardez

      Eloy Bernardez

      student•
      hace 3 años

      ¡Hola Sebastián!

      Normalmente puedes ingresar esas variantes para el bloque catch pero en este caso debe fallarte los tests porque estos fueron configurados para recibir el objeto Error("API Not Found")

    Cesar Perez

    Cesar Perez

    student•
    hace 3 años

    Por aqui dejo mi respuesta

    export async function runCode() { try { const ir = await fetch(url); console.log(ir); } catch (error) { console.error(error); } const url = 'https://domain-api-com'; }
    Miguel Angel Hernandez Colombo

    Miguel Angel Hernandez Colombo

    student•
    hace 3 años

    no la pude hacer,!!! I`ll be bakc!!

    Leonardo Moreno Faberón

    Leonardo Moreno Faberón

    student•
    hace 3 años

    Por q no comparar con then y con async await

    const url = 'https://domain-api-com'; function fetchData(url){ return fetch(url) } fetchData(url).then( response =>{console.log(response)}) .catch( err => console.log(err.msg ) ) async function runCode() { // Tu código aquí 👈 const url = 'https://domain-api-com'; try{ const ok = await fetch(url); console.log(ok); }catch(error){ console.error(error.msg); } } runCode()
    Brayan Medina

    Brayan Medina

    student•
    hace 3 años

    les comparto mi Solución

    export async function runCode() { // Tu código aquí 👈 const url = 'https://domain-api-com'; const response = await fetch(url); try { console.log(response.json()) } catch { console.log('API No Found'); } }
    Carlos López

    Carlos López

    student•
    hace 3 años

    a alguien mas le pasa o mismo? se queda cargando y no me deja escribir Código

    error.png

    Aldo Jair Terrones Geminiano

    Aldo Jair Terrones Geminiano

    student•
    hace 3 años

    No creo que este bien la idea del problema, ya que es lo mismo si lo dejo asi:

    export async function runCode() { // Tu código aquí 👈 const url = 'https://domain-api-com'; throw new Error('API Not Found'); }

    creo que hubiera sido mejor usar la api fake para tener 2 resultados, uno que existe y otro que no

    William Villegas

    William Villegas

    student•
    hace 10 meses

    Mi solución:

    export async function runCode() { const url = 'https://domain-api-com'; try { const response = await fetch(url); const data = await data.json(); return data; } catch (error) { throw new Error('API Not Found'); } }
    Javier Andrés Álvarez Falquez

    Javier Andrés Álvarez Falquez

    student•
    hace un año

    :, otra vez vengo con el problema del jest :, esta vez por exceder el limite de tiempo de la prueba :,

    Alejandro Vazquez Vazquez

    Alejandro Vazquez Vazquez

    student•
    hace un año

    No eh podido resolver este ejercicio, y cuando vi la solucion no entendí por que lo hacen así, se supone que throw new Error te envía al bloque catch mas cercano y muestra tu mensaje, no veo el sentido de poner un throw new Error después del catch.

    Igual soy nuevo en esto de programar pero si alguien me pudiera decir como ese ejercicio tiene sentido, estar agradecido, por que solo me confundí mas al ver la solución.

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads