Curso de Astro

Domina Astro, un framework moderno y versátil para desarrollo de sitios y aplicaciones frontend optimizadas
Inscripciones abiertas
Intermedio
8 Clases 14 h (aprox.)

Inicio del curso

Martes 15 de octubre

h

Añadir a Google Calendar

Astro es un framework para el desarrollo de proyectos de sitios y aplicaciones web modernos que prioriza en el desempeño, velocidad y la versatilidad de uso. Su funcionamiento más común consiste en la entrega de HTML estático al navegador, lo que mejora la seguridad, reduciendo además al mínimo la carga de JavaScript, lo que resulta en tiempos de carga más rápidos y mejor rendimiento general. 

Astro ofrece una arquitectura avanzada que además permite que solo las partes interactivas de una página carguen Javascript, mientras que el resto permanece estático, optimizando así la experiencia del usuario y mejorando el SEO.

Otra de sus ventajas es la gran flexibilidad que ofrece, ya que permite la integración de múltiples frameworks de frontend como React, Vue, Svelte, Lit, etc. Incluso es posible integrar varios tipos de frameworks para usar el más adecuado en cada parte del proyecto, sin que ello penalice el desempeño global del sitio.

Desde el inicio de su andadura su popularidad ha ido en un rápido crecimiento y podemos afirmar que se encuentra posicionado con solidez como uno de los frameworks frontend más ampliamente utilizados y adoptados por la comunidad de desarrolladores.

Qué aprenderé en el Curso de Astro

  • Instalar y configurar un proyecto en Astro.
  • Crear páginas estáticas y rutas dinámicas.
  • Usar componentes de React, Vue o Svelte.
  • Implementar SSR y SSG.
  • Optimizar el rendimiento con caché y CDN.
  • Conectar Astro a un CMS y Supabase.
  • Configurar endpoints y variables de entorno.
  • Desplegar el proyecto en Vercel.
  • Aplicar mejoras de SEO e imágenes.
  • Usar las novedades de Astro 5.

Objetivos del curso

El curso tiene como objetivo enseñar a crear sitios web optimizados y modernos con Astro, comenzando desde cero y llegando a cubrir muchas de sus funciones más avanzadas. A lo largo de las clases, se construirá un proyecto completo, aprendiendo a manejar rutas, componentes, integración con Supabase, SEO y desplegar en Vercel. Al finalizar, el alumno estará capacitado para utilizar las últimas novedades de Astro 5 y crear proyectos web dinámicos, con una rica experiencia de usuario manteniendo un elevado rendimiento y eficiencia.

Por qué debes aprender astro

  • Astro es moderno y rápido: optimiza el rendimiento de sitios web, mejorando la velocidad de carga y el SEO.
  • Versatilidad: permite integrar componentes de React, Vue o Svelte, adaptándose a proyectos actuales.
  • Soporta SSR y SSG: ideal para sitios estáticos o dinámicos, con capacidades avanzadas de renderizado.
  • Tecnología en crecimiento: las novedades de Astro 5 lo posicionan como un framework clave en el desarrollo web.
  • Integraciones modernas: aprenderás a conectar Astro con Supabase, CMS y desplegar fácilmente en plataformas como Vercel.

Qué tengo que saber

Se requiere un conocimiento básico de HTML y CSS, y un nivel intermedio de Javascript. Será útil estar familiarizado con conceptos básicos de desarrollo web y el uso del terminal de comandos.

Clases y contenidos

Astro
  • Instalación y configuración de Astro
  • Creación de páginas estáticas
  • Introducción a los componentes y layouts básicos
Añadir a Google Calendar
Rutas, Modos de Renderizado y Configuración
  • Sistema de rutas estáticas y dinámicas
  • Modos de renderizado
  • Introducción a la configuración de Astro
Añadir a Google Calendar
Interactividad y Componentes UI
  • Añadir interactividad con componentes de React/Vue/Svelte
  • Partial Hydration o Astro Island
  • View transitions
Añadir a Google Calendar
Manejo de Datos y Conexión con CMS
  • Crear un sistema de posts con archivos Markdown
  • Conectar Astro a un CMS (por ejemplo, Notion) para gestionar contenido dinámico
  • Data fetching: obtener y mostrar datos de una API
Añadir a Google Calendar
Optimización y Funcionalidades Avanzadas
  • Optimización de imágenes, CSS y JavaScript
  • SEO y generación de un RSS feed
Añadir a Google Calendar
Integración de Supabase y Variables de Entorno
  • Conexión a una base de datos externa con Supabase
  • Operaciones CRUD usando Supabase
Añadir a Google Calendar
Endpoints, Middleware y Deploy
  • Implementación de endpoints personalizados y middleware
  • Deploy en Vercel
  • Uso de variables de entorno
Añadir a Google Calendar
Novedades en Astro 5
  • Revisión de las nuevas características de Astro 5
  • Implementación de las novedades en el proyecto
Añadir a Google Calendar

Cursos que también te pueden interesar

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete