CursosEmpresasBlogLiveConfPrecios

Playground: Captura el error de una petición

Clase 17 de 26 • Curso de Asincronismo con JavaScript

Contenido del curso

Introducción

  • 1
    Lo que aprenderás en este curso

    Lo que aprenderás en este curso

    01:34 min
  • 2
    Qué es el asincronismo

    Qué es el asincronismo

    09:25 min
  • 3
    Event Loop

    Event Loop

    11:13 min
  • 4
    Iniciando a programar con JavaScript

    Iniciando a programar con JavaScript

    02:59 min

Callbacks

  • 5
    Configuración

    Configuración

    10:23 min
  • 6
    Qué son los Callbacks

    Qué son los Callbacks

    14:56 min
  • 7
    Playground: Ejecuta un callback con 2s de demora

    Playground: Ejecuta un callback con 2s de demora

  • 8
    XMLHTTPRequest

    XMLHTTPRequest

    15:03 min
  • 9
    Fetch data

    Fetch data

    17:44 min
  • 10
    Callback hell

    Callback hell

    06:56 min

Promesas

  • 11
    Qué son las promesas

    Qué son las promesas

    11:54 min
  • 12
    Playground:  Crea una función de delay que soporte asincronismo

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

  • 13
    Fetch

    Fetch

    16:12 min
  • 14
    Fetch POST

    Fetch POST

    14:55 min

Async Await

  • 15
    Funciones asíncronas

    Funciones asíncronas

    10:07 min
  • 16
    Try and catch

    Try and catch

    11:51 min
  • 17
    Playground:  Captura el error de una petición

    Playground: Captura el error de una petición

    Viendo ahora
  • 18
    ¿Cómo enfrentar los errores?

    ¿Cómo enfrentar los errores?

    03:42 min

Generadores

  • 19
    Generators

    Generators

    08:06 min

Proyecto CV

  • 20
    Proyecto del curso

    Proyecto del curso

    11:48 min
  • 21
    Consumiendo API

    Consumiendo API

    19:24 min
  • 22
    Desplegando el proyecto

    Desplegando el proyecto

    16:45 min
  • 23
    Playground:  Crea una utilidad para hacer peticiones

    Playground: Crea una utilidad para hacer peticiones

Nunca pares de crear

  • 24
    Conclusión

    Conclusión

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

    ¿Qué camino tomar para seguir aprendiendo?

    04:12 min
  • 26
    Autoevaluación de Proyecto: Creación de Landing Page

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

    00:44 min
Tomar examen

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

      Comentarios

      Gerson Estuardo Alvarado Hernández

      Gerson Estuardo Alvarado Hernández

      student•
      hace 3 años
        Jesus Castillo

        Jesus Castillo

        student•
        hace 3 años
        Nicolas Molina

        Nicolas Molina

        teacher•
        hace 3 años
      Cristian Soto Repol

      Cristian Soto Repol

      student•
      hace 3 años
        Nicolas Molina

        Nicolas Molina

        teacher•
        hace 3 años
        Wladimir Rocha

        Wladimir Rocha

        student•
        hace 3 años
      Felipe Toro C

      Felipe Toro C

      student•
      hace 3 años
        David Muñoz Sáez

        David Muñoz Sáez

        student•
        hace 3 años
        Luis Ángel Arvelo Pérez

        Luis Ángel Arvelo Pérez

        student•
        hace 3 años
      David Carrillo Castillo

      David Carrillo Castillo

      student•
      hace 3 años
      Diego Rivera

      Diego Rivera

      student•
      hace 3 años
        Nicolas Molina

        Nicolas Molina

        teacher•
        hace 3 años
        Diego Rivera

        Diego Rivera

        student•
        hace 3 años
      Pedro Gonzalez

      Pedro Gonzalez

      student•
      hace 3 años
      Stiven Andres Medina Lopez

      Stiven Andres Medina Lopez

      student•
      hace 3 años
      Gilberto Espinoza Maciel

      Gilberto Espinoza Maciel

      student•
      hace 3 años
      Wladimir Rocha

      Wladimir Rocha

      student•
      hace 3 años
        Esteban Maruri

        Esteban Maruri

        student•
        hace 3 años
      David Alvarez

      David Alvarez

      student•
      hace 3 años
      Sebastián Andrés Sanhueza Tapia

      Sebastián Andrés Sanhueza Tapia

      student•
      hace 3 años
        Eloy Bernardez

        Eloy Bernardez

        student•
        hace 3 años
      Cesar Perez

      Cesar Perez

      student•
      hace 3 años
      Miguel Angel Hernandez Colombo

      Miguel Angel Hernandez Colombo

      student•
      hace 3 años
      Leonardo Moreno Faberón

      Leonardo Moreno Faberón

      student•
      hace 3 años
      Brayan Medina

      Brayan Medina

      student•
      hace 3 años
      Carlos López

      Carlos López

      student•
      hace 3 años
      Aldo Jair Terrones Geminiano

      Aldo Jair Terrones Geminiano

      student•
      hace 3 años
      Yeison Xiques

      Yeison Xiques

      student•
      hace 2 meses
      William Villegas

      William Villegas

      student•
      hace un año
      Javier Andrés Álvarez Falquez

      Javier Andrés Álvarez Falquez

      student•
      hace un año

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

      exacto

      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.

      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.

      Que gran aporte y apoyo a tus compañeros!

      Excelente analisis, yo estuve a punto de lograrlo

      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.

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

      Exercism aqui practico los conceptos que aprendo de Platzi.

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

      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

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

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

      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" 😂😂😂

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

      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

      Como vamos no se como realizarlo

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

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

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

      ¡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")

      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'; }

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

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

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

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

      error.png

      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

      Mi solución:

      export async function runCode() { try { return await fetch("https://domain-api-com") } catch { throw new Error('API Not Found'); } }

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

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