©2024 Escuela Tecnologías de la Información S.L. Todos los derechos reservados.
Curso de Astro
Domina Astro, un framework moderno y versátil para desarrollo de sitios y aplicaciones frontend optimizadas
Material disponible
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.
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
Objetivos del curso
Por qué debes aprender astro
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
- Instalación y configuración de Astro
- Creación de páginas estáticas
- Introducción a los componentes y layouts básicos
- Sistema de rutas estáticas y dinámicas
- Modos de renderizado
- Introducción a la configuración de Astro
- Añadir interactividad con componentes de React/Vue/Svelte
- Partial Hydration o Astro Island
- View transitions
- 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
- Optimización de imágenes, CSS y JavaScript
- SEO y generación de un RSS feed
- Conexión a una base de datos externa con Supabase
- Operaciones CRUD usando Supabase
- Implementación de endpoints personalizados y middleware
- Deploy en Vercel
- Uso de variables de entorno
- Revisión de las nuevas características de Astro 5
- Implementación de las novedades en el proyecto
Valoraciones
Edson Suarez
Hacía tiempo que quería aprender Astro. Ha sido fácil porque ya tenía experiencia con otros SSG. Las clases y el profe muy bien.
¿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.