Desarrollar una aplicación web completa con Astro (SSR) y JavaScript moderno, consumiendo una API en Java Spring Boot
Curso intensivo para alumnos sin experiencia previa en desarrollo web con javascript pero si java/otros.
6 semanas
3-6 horas
Teórico-práctica
Con proyecto final
| Fase | Semanas | Enfoque | Objetivo |
|---|---|---|---|
| 1. Fundamentos de JavaScript | 1 - 1.5 | JS moderno y práctico | Comprender la base del lenguaje y el DOM |
| 2. Introducción a Astro | 1.5 - 2 | Estructura, rutas, SSR | Aprender a usar Astro para renderizar vistas |
| 3. Proyecto completo con API Spring | 3 - 6 | Desarrollo guiado | Crear una aplicación web funcional con backend real |
Transforma tu carrera con JavaScript moderno y Astro SSR
Explora los módulos y temas que aprenderás durante el taller
Fundamentos del lenguaje
Domina las bases de JavaScript moderno, manipulación del DOM, y programación asíncrona para crear interfaces dinámicas e interactivas.
Introducción a JavaScript
Variables, tipos de datos y operadores
Estructuras de control (if, switch, loops)
Arrays: métodos y manipulación
Funciones y arrow functions
Objetos: propiedades y métodos
Programación orientada a objetos en JS
Manipulación del DOM (querySelector, append, classList)
Eventos (click, input, submit)
Ejercicio Integrador Práctico
JSON y conversión de datos
Manejo de errores (try/catch)
Asincronía en JavaScript
XMLHttpRequest (forma clásica)
Fetch API y async/await
Almacenamiento local con localStorage
Proyecto Final: Pokédex con Favoritos
Framework moderno
Aprende a construir aplicaciones web rápidas y eficientes con Astro, integrando renderizado del lado del servidor y datos dinámicos.
¿Qué es Astro? Filosofía y ventajas
Estructura del proyecto: src/pages/, layouts/, components/, public/
Creación de páginas y rutas automáticas
Páginas dinámicas: [id].astro, [...slug].astro
Astro.params y Astro.request
Diferencias entre SSG y SSR
export const prerender = false y getStaticPaths()
Fetch y renderizado de datos desde la API de Spring
Uso de Bootstrap 5 (o Tailwind opcional)
Layouts y componentes reutilizables (Navbar, footer, tarjetas, formularios)