Inicio » ¿Qué Hacemos? » Formación a Empresas » Mean Stack » Frameworks Mean Stack » Curso Astro JS en Madrid, Barcelona y Online

Curso Astro JS en Madrid, Barcelona y Online

Formación en Astro JS para desarrolladores de software. Curso de Astro JS y gobernanza de datos ofrecido en modalidad presencial In Company u online en Madrid, Barcelona, Valencia, Alicante, Málaga, Sevilla y Bilbao, bajo demanda para empresas.

¿Qué es Astro JS?
Astro JS se ha posicionado como un framework que cambia la forma en la que se lleva a cabo el desarrollo, centrado en sitios web rápidos que se orientan al contenido. Se centra en la velocidad de carga y en la optimización SEO para mejorar la experiencia de usuario de los sitios web creados.

A través del curso Astro JS aprenderás a dominar este framework con el que crearás sitios web con un rendimiento excepcional, con una gran clasificación en los motores de búsqueda, así como Core Web Vitals optimizados y una huella mínima de JavaScript. Al adoptar la innovadora arquitectura de islas (Island Architecture), carga solamente el código JS indispensable para la interactividad de los compontes específicos o islas.

Además, Astro JS nos ofrece una gran flexibilidad para las necesidades empresariales, permite integrar componentes de frameworks UI como React, Vue o Svelte para facilitar la adopción y maximizar la reutilización de código existente. Es una solución útil ya que nos ofrece facilidades para la escalabilidad, un mantenimiento eficiente y nos aporta ventajas competitivas en cuanto al SEO, consiguiendo así sitios web con una experiencia positiva para el usuario y para losr resultados de búsqueda.

Presencial In Company

Formación presencial In Company

Formación presencial en las instalaciones del cliente

Presencial Convocatorias

Convocatorias en abierto

Próximos cursos en tu ciudad

Classroom Training

Formación online en Streaming

Profesor en directo con el sistema GoToMeeting

Online Classroom

Formación Online Asíncrona

Accede a nuestros contenidos multimedia desde nuestra plataforma LMS

Características del Curso Astro JS para Empresas

Público

Objetivos

Duración

Público

Objetivos

Duración

Temario: Curso Astro JS en Madrid, Barcelona y Online

TEMA 1. Introducción a Astro.js y su Arquitectura

El Paisaje del Desarrollo Web Moderno:
- Desafíos de rendimiento en SPAs (Single Page Applications) tradicionales.
- Conceptos de SSG (Static Site Generation), SSR (Server-Side Rendering) e ISR (Incremental Static Regeneration).
- La propuesta de valor de Astro.js: Island Architecture y la eliminación de JavaScript innecesario en el cliente.
- Casos de uso empresariales de Astro: Blogs, sitios de documentación, e-commerce estático, landing pages de alto rendimiento, sitios de marketing.
Configuración del Entorno y Primer Proyecto Astro:
- Requisitos: Node.js y gestores de paquetes (npm/pnpm/Yarn).
- Instalación de Astro CLI y creación de un nuevo proyecto.
- Estructura básica de un proyecto Astro: src/pages, src/layouts, src/components, src/content.
- Familiarización con astro.config.mjs.
- Práctica
Componentes Astro: .astro Files:
- Sintaxis básica de un componente .astro (frontmatter para JavaScript, plantilla HTML).
- Pasar props a componentes.
- Inyección de contenido con slots.
- Práctica

Tema 2. Enrutamiento, Estilado y Manejo de Activos

Enrutamiento Basado en Archivos y Rutas Dinámicas:
- Cómo funciona el enrutamiento automático de Astro (src/pages).
- Creación de rutas dinámicas ([slug].astro).
- Uso de getStaticPaths() para generar páginas estáticas pre-renderizadas.
- Práctica
Estilado en Astro:
- Estilos con alcance (scoped styles) en componentes Astro.
- Estilos globales e importación de CSS.
- Integración con preprocesadores CSS (Sass/Less) y frameworks CSS (Tailwind CSS, PostCSS).
- Práctica
Manejo de Activos Estáticos e Imágenes:
- Uso de la carpeta public para activos estáticos.
- Optimización de imágenes con @astrojs/image (si aplica la versión) o técnicas de optimización manual.
- Práctica

TEMA 3. Interacciones y Contenido Dinámico

Hidratación Parcial y Componentes UI de Frameworks:
- El concepto de «Island Architecture» en acción: cuándo se hidrata el JavaScript.
- Integración de componentes de React, Vue, Svelte, etc., en páginas Astro.
- Directivas de cliente (client:load, client:idle, client:visible, client:only, client:media).
- Práctica
Gestión de Contenido con Colecciones de Contenido (Content Collections):
- Introducción a src/content: Markdown, MDX, JSON, YAML.
- Definición de esquemas de contenido (collections.schema.ts).
- Consultar contenido de colecciones con la API astro:content.
- Práctica
Uso de Astro con CMS sin Cabecera (Headless CMS):
- Conceptos de Headless CMS (ej. Strapi, Contentful, Sanity).
- Fetching de datos desde APIs de CMS en el frontmatter de los componentes Astro (Astro.fetch()).
- Estrategias de actualización de contenido (webhooks, revalidación).
- Práctica

Tema 4. Despliegue, SEO y Buenas Prácticas Empresariales

Estrategias de Despliegue de Astro:
- Despliegue de sitios estáticos (Netlify, Vercel, GitHub Pages).
- Configuración de adaptadores para SSR (Server-Side Rendering) o SSG híbrido (Node.js, Deno, Vercel Edge Functions, Netlify Functions).
- Práctica
SEO y Accesibilidad en Astro:
- Optimización de metatags y Open Graph para compartibilidad social.
- Generación de Sitemaps y RSS Feeds.
- Consideraciones de accesibilidad (A11y) con Astro y componentes UI.
- Práctica
Rendimiento, Testing y Mantenimiento:
- Herramientas de auditoría de rendimiento (Lighthouse).
- Estrategias de caching y CDN.
- Testing en Astro (unitario, integración, E2E con Playwright/Cypress – conceptual).
- Organización de proyectos grandes con Astro, integración con CI/CD.

* También realizamos temarios a medida. Consúltanos si necesitas personalizar el contenido.

Novedades en torno a Astro JS

Conoce las novedades de Astro JS para poder aplicarlo al trabajo diario de tu empresa. Aprende a gestionar y gobernar tus datos de una manera eficaz y saca el mayor partido a su valor

Formación Bonificada para empresas

Si actualmente estás trabajando, tu empresa podrá bonificarse nuestros cursos a través de FUNDAE (antiguamente la Fundación Tripartita) y salirle prácticamente gratis.