Construye webapps con React y Vue gracias a Astro
Astro es un nuevo framework volcado en la mejora del rendimiento.
Duración total: 01:27:28
Código descargable
Acceso 100% online
Descripción de la masterclass
¿De qué va?
Exploramos las capacidades de Astro para crear aplicaciones web que pueden soportar componentes dinámicos creados con Vue, React o Svelte.
¿Qué necesitas saber?
Conceptos básicos de programación.
Nivel de dificultad
Intermedio
Tecnologías utilizadas
- Astro
- JavaScript
- HTML
[Suscríbete][6] o [identíficate][7] para ver el vídeo al completo.
Explora los capítulos
1. ¿Qué es astro? [02:20]
¿Qué es astro?
[02:20]
2. Arrancar el primer proyecto con astro [11:23]
Arrancar el primer proyecto con astro
[04:06]
Estructura de carpetas
[04:14]
Frontmatter para dotar de funcionalidad a las páginas 🔥
[03:03]
3. Primera página con la extensión astro [10:15]
Primera página con la extensión astro
[03:07]
Primer componente astro
[04:10]
Ranuras (slots) 🔥
[02:58]
4. Layouts en astro [20:02]
Layouts en astro
[05:37]
Componente con React 🔥
[05:35]
Componente con Vue
[08:50]
5. Hidratación parcial para definir cuando se carga el JS [15:40]
Hidratación parcial para definir cuando se carga el JS
[05:00]
Cargar el componente cuando es visible 🔥
[08:00]
Cargar el componente según la media query
[02:40]
6. Crear un blog con contenido de una API [14:31]
Crear un blog con contenido de una API
[05:50]
Enrutamiento dinámico
[08:41]
7. Desplegar en Gitlab [13:17]
Desplegar en Gitlab 🔥
[13:17]
Descubre todo lo que puedes conseguir sucribiéndote a Web Reactiva
Contenido nuevo todas las semanas
Una comunidad de developers colegas en telegram
Desafíos y retos de programación para que mejores tus habilidades
400 horas de contenido en audio y vídeo
Entrevistas y masterclass en directo con los/las mejores profesionales
Precio
24€Matrículaplus15€Al mes
- Contenido disponible 24/7
- Audios y videos
- Retos y desafíos
- Todo el código descargable
- Comunidad de developers
- Acceso premium completo