Optimización de Aplicaciones Frontend con APIs REST y JavaScript

¿Qué aprendiste en el curso profesional de consumo de API REST con JavaScript?

El curso profesional de consumo de API REST con JavaScript te lleva de la mano desde los conceptos básicos hasta la creación de un proyecto avanzado. Esta trilogía profundiza en el uso de APIs RESTful, abarcando desde diferencias entre XML y HTTP requests, hasta la implementación práctica usando Fetch, Callbacks, Promesas y Async/Await.

¿Cómo se estructuró el aprendizaje?

1. Introducción a las APIs REST:

   • Diferencias entre XML y HTTP requests.
   • Uso de Fetch API para solicitudes HTTP en el navegador.
   • Peticiones asíncronas con callbacks, promesas y el uso de Async/Await.

2. Profundización en APIs REST:

   • Comprensión de encabezados, API keys y métodos HTTP como GET, POST y PUT.
   • Aplicación práctica: Creación de una aplicación usando la API de gatitos, incluso subiendo nuestras propias fotos.

3. Proyectos con APIs:

   • Implementación de Axios con proyectos reales.
   • Desarrollo de la aplicación Platzi Movies usando la API The MovieDB.
   • Navegación dinámica entre diferentes secciones simulando múltiples páginas.

¿Cuáles fueron las técnicas de optimización implementadas?

• Optimización del Frontend:

  • Reducción de tiempos de carga mediante almacenamiento en caché y memoria de solicitudes previas.
  • Implementación de carga perezosa (lazy loading) para imágenes, evitando cargar todas al mismo tiempo y mejorando la experiencia del usuario.

• Mejoras en la experiencia de usuario:

  • Uso de paginación y desplazamiento infinito para mantener a los usuarios involucrados en la aplicación.
  • Implementación de local storage para guardar datos no sensibles a nivel del navegador, recordando las preferencias del usuario sin necesidad de autenticación.

¿Cómo mejoraste el portafolio personal?

El objetivo del curso es no solo enseñar metodología y técnicas específicas, sino también motivar a los estudiantes a aplicar estos conocimientos para enriquecer su portafolio profesional. Se les invita a:

• Crear múltiples proyectos diferentes utilizando APIs públicas.
• Ampliar las funcionalidades de aplicaciones a través de técnicas como local storage para maximizar la experiencia y mantener la cohesión de la información.
• Diseñar aplicaciones responsivas que se adapten a múltiples formatos y dispositivos.

¿Qué aspectos consideraste en el despliegue en producción?

Finalmente, el curso aborda el proceso de despliegue hacia plataformas públicas como GitHub Pages. Sin embargo, se recomienda:

• Exponer APIS keys en el repositorio solo para proyectos personales, evitando riesgos en aplicaciones más serias.
• Controlar el back-end para manejar variables de entorno y proteger información sensible.

¿Qué pasos seguir después del curso?

El curso sembró las bases para continuar aprendiendo y mejorando. Si deseas crecer como desarrollador web, se te alienta a:

• Continuar aprendiendo temas avanzados como autenticación y back-end.
• Tomar el examen final para obtener el diploma y certificar tu participación.
• Crear más contenido para tu portafolio, aplicando las habilidades adquiridas.

Fomentarás tu creatividad, aumentarás tus posibilidades de contratación, y mejorarás continuamente tus habilidades como desarrollador. ¡Así que manos a la obra y sigue adelante con tus proyectos!