Svelte

• Desarrolladores frontend que buscan un framework moderno con mejor rendimiento y menos código repetitivo.
• Desarrolladores React, Vue o Angular que quieren dominar el enfoque compilado de Svelte.
• Desarrolladores full-stack que necesitan un meta-framework con SSR, API routes y carga de datos del servidor.
• Equipos de producto que buscan maximizar el rendimiento web con bundles mínimos y tiempos de carga reducidos.

Módulo 1: Introducción a Svelte Qué es Svelte y filosofía de compilación Comparativa con React, Vue y Angular Ecosistema Svelte y SvelteKit Módulo 2: Instalación y entorno Crear proyecto con SvelteKit Estructura de carpetas y archivos de convenio Vite como bundler Configuración de TypeScript Módulo 3: Sintaxis y reactividad Runes de Svelte 5: $state, $derived y $effect Asignaciones reactivas y proxies profundos Sintaxis de plantillas y expresiones Bloques lógicos if, each, await y key Bindings bidireccionales y $bindable Módulo 4: Componentes Archivos .svelte y estructura de script, markup y style Props con $props y destructuración Eventos como callbacks y event forwarding Slots y snippets con render Ciclo de vida: onMount, onDestroy, tick Módulo 5: Stores y estado compartido Writable stores y auto suscripción con $ Readable y derived stores Custom stores con lógica encapsulada Context API y runes compartidas en .svelte.ts Módulo 6: SvelteKit routing Enrutado basado en archivos y +page.svelte Layouts anidados y +layout.svelte Parámetros dinámicos, catch all y matchers Grupos de rutas y layouts compartidos Páginas de error con +error.svelte Módulo 7: SvelteKit data Load functions universales y de servidor +page.server.ts y datos sensibles Form actions con use:enhance API routes con +server.ts Progressive enhancement sin JavaScript Módulo 8: Estilos y animaciones CSS con scope automático y :global Variables CSS y temas Transiciones integradas: fade, fly, slide, scale Animaciones con svelte/motion: tweened y spring Módulo 9: Testing y despliegue Vitest para testing unitario Playwright para testing end to end Adaptadores: Node, Vercel, Netlify, Cloudflare, static Modos SSR, CSR, SSG y prerendering Despliegue en producción y variables de entorno Proyecto integrador Aplicación SvelteKit full stack con runes, load functions, form actions y Superforms + Valibot

• Dominar la reactividad de Svelte 5 con runes y construir componentes reutilizables con props, eventos y slots.
• Gestionar el estado global con stores (writable, readable, derived) y Context API.
• Implementar routing completo con SvelteKit: rutas, layouts, load functions, form actions y API routes.
• Crear transiciones y animaciones fluidas con el sistema integrado de Svelte.
• Escribir tests con Vitest y Playwright, y desplegar aplicaciones con el adaptador adecuado para cada plataforma.