Svelte
Svelte ·Frontend
Curso completo de Svelte y SvelteKit para construir aplicaciones web modernas con bundle reducido y rendimiento alto. Cubres reactividad con runes, componentes, gestión de estado, routing, carga de datos en servidor, formularios, estilos, animaciones, testing y despliegue. Al terminar entregas aplicaciones full-stack listas para producción con SSR y CI.
¿Prefieres verlo en directo? Agenda una demo sin compromiso.
Formación corporativa: este curso se activa bajo pedido para tu organización. Adaptamos temario, calendario y modalidad (teleformación, aula virtual o mixto).
Contenido del curso
Construye aplicaciones web ultrarrápidas con un compilador.
-
Que es Svelte Lección
-
Svelte vs React, Vue y Angular Lección
-
Ecosistema Svelte Lección
-
Test de introducción a Svelte Test
-
Crear proyecto con SvelteKit Lección
-
Estructura del proyecto Lección
-
Vite como bundler Lección
-
Configuración de TypeScript Lección
-
Test de instalación y entorno Test
Detalles del curso
Público objetivo
- 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.
Contenido del certificado
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
Objetivos de aprendizaje
- 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.
Otros cursos de Svelte
Svelte avanzado: stores y SvelteKit con load
Curso avanzado de Svelte para llevar aplicaciones del prototipo al producto real con SvelteKit. Aprendes a gestionar estado global con stores, organizar rutas y layouts anidados, cargar datos en servidor con load functions y procesar formularios con form actions. Al terminar construyes aplicaciones SSR con autenticación, datos sensibles en servidor y experiencia fluida para el usuario.
Svelte: estilos, animaciones, testing y despliegue
Curso de Svelte centrado en lo que separa una aplicación de prototipo de una de producción. Aprendes a aplicar estilos scoped e integrar utilidades CSS modernas, animar interfaces con transiciones nativas, escribir tests unitarios y de extremo a extremo, y desplegar en distintas plataformas con los adaptadores oficiales. Al terminar publicas una aplicación Svelte con pipeline de tests y despliegue automatizado.
Svelte: sintaxis, runes y componentes
Curso para asentar la base de Svelte como framework compilado y construir componentes con confianza. Aprendes la sintaxis de los archivos componente, gestionas reactividad granular con el nuevo sistema de runes, manejas eventos y bindings, y compones interfaces reutilizables con props y snippets. Al terminar tienes la base sólida para abordar SvelteKit, stores y despliegue.
¿Formación para tu equipo en esta tecnología?
Tú nos dices a quién formar y nosotros configuramos la plataforma con tu marca, damos de alta a tu gente, evaluamos las entregas con IA y te entregamos los certificados y los informes técnicos para tu gestor FUNDAE. Catálogo amplio con teleformación, aula virtual o mixto. Sin permanencia, sin coste de setup.
¿Prefieres verlo en directo? Agenda una demo.
Preguntas frecuentes
- ¿Svelte es bonificable por FUNDAE para mi empresa?
- Puede ser bonificable cuando la acción cumple los requisitos aplicables. La plataforma aporta evidencias técnicas: seguimiento de tiempos, registro de conexiones, foros, encuestas y certificados para que tu entidad organizadora o gestoría revise la documentación.
- ¿En qué modalidades se imparte Svelte?
- En tres modalidades: teleformación (online asíncrona), aula virtual privada en directo y mixta. Adaptamos temario, calendario y modalidad al equipo.
- ¿Se adapta Svelte al nivel de mi equipo?
- Sí. Adaptamos temario, calendario y modalidad al nivel y al stack del equipo, con ejercicios evaluados por IA y certificado verificable.
- ¿Cuánto tarda en activarse para mi empresa?
- La activación corporativa estándar es rápida, sin coste de setup ni permanencia.