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

Curso Svelte en Madrid, Barcelona y Online

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

¿Qué es Svelte?
Svelte es un framework enfocado en las interfaces de usuario (UI), enfocado en mejorarla y optimizarla. No es una librería que se ejecute en un navegador, sino qu es un compilador que transforma el código en JavaScript optimizado durante la fase de compilación. De esta forma, se elimina la necesidad de un runtime en el navegador y conseguimos bundles de aplicación más ligeros y con una ejecución más rápida.

A través del curso Svelte conocerás las mejores prácticas de desarrollo para implementarlas en tus soluciones con Svelte, conocerás los componentes Svelte reactivos y reutilizables que te ayudarán a ahorrar tiempo y a trabajar de forma más eficiente y productiva.

Descubre y domina cómo funciona Svelte, además de otras funciones como Sveltekit que permite construir aplicaciones full-stack robustas y escalables. Aprender a utilizar Svelte nos ayudará a nivel profesional ya que seremos capaces de optimizar los flujos de trabajo de desarrollo además de crear proyectos de gran calidad.

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 Svelte en Madrid, Barcelona y Online

Objetivos

Público

Duración

Objetivos

Público

Duración

Temario: Plan de estudios | Curso de Svelte

TEMA 1: Introducción a Svelte y sus Fundamentos

¿Por qué Svelte?
- Introducción a los frameworks frontend modernos (React, Vue, Angular).
- Problemas de rendimiento y tamaño del bundle en aplicaciones web.
- La propuesta de valor de Svelte: compilación vs. runtime.
- Casos de uso empresariales de Svelte (rendimiento, SEO, menor huella de código).
Configuración del Entorno de Desarrollo
- Instalación de Node.js y npm/pnpm/Yarn
- Creación de un nuevo proyecto Svelte con Vite.
- Estructura básica de un proyecto Svelte.
- Herramientas recomendadas: VS Code, Svelte for VS Code, Prettier, ESLint.
Componentes Svelte: La Base de Todo
- Sintaxis básica de un componente .svelte (script, style, markup).
- Props: Comunicación entre componentes padre e hijo.
- Eventos: Manejo de interacciones de usuario y comunicación de hijo a padre.
- Slots: Inyección de contenido dinámico.
- Práctica

Tema 2: Reactividad y Lógica en Svelte

Reactividad Svelte: El Compilador en Acción
- Declaraciones reactivas ($:).
- Asignaciones reactivas.
- Efectos y ciclos de vida (onMount, onDestroy, beforeUpdate, afterUpdate).
Lógica Condicional y Listas
- Directivas condicionales ({#if}, {:else if}, {:else}).
- Renderizado de listas ({#each}).
- Bloques await para promesas.
Bindings bidireccionales y Formularios
- bind:value, bind:checked, bind:group.
- Manejo de formularios, validación básica.
Práctica

Tema 3: Gestión del Estado y Stores

Introducción a la Gestión del Estado
- La necesidad de un estado global en aplicaciones grandes.
- Alternativas: props drilling vs. stores.
Svelte Stores: Reactividad Global
- Writable stores: Creación y suscripción.
- Readable stores: Para datos de solo lectura.
- Derived stores: Creación de datos computados a partir de otros stores.
- Custom stores: Lógica de estado avanzada.
Context API (alternativa para estado local)
- Cuándo usar Context en lugar de Stores.
Práctica

TEMA 4: Enrutamiento, Consumo de APIs y Estilado

Enrutamiento en Svelte
- Introducción a svelte-navigator o svelte-routing (o SvelteKit para una visión más completa).
- Definición de rutas, parámetros de ruta.
- Navegación programática y enlaces (<a>).
Consumo de APIs RESTful
- Uso de fetch para peticiones HTTP.
- Manejo de estados de carga y errores.
- Integración con el ciclo de vida de los componentes.
Estilado en Svelte
- Estilos con alcance (scoped styles).
- Estilos globales.
- Preprocesadores CSS (Sass/Less) y frameworks CSS (TailwindCSS, Bulma) con Svelte.
Práctica

Tema 5: Svelte en el Ecosistema Empresarial

SvelteKit: El Meta-Framework para Aplicaciones Robusta
- Introducción a SvelteKit: SSR, SSG, prerendering.
- Sistema de archivos para routing.
- Server-side operations (form actions, endpoints).
- Consideraciones para proyectos empresariales (SEO, rendimiento inicial).
Testing en Svelte
- Estrategias de testing: Unitario, Integración, E2E.
- Herramientas de testing: Vitest (para unitario), Playwright/Cypress (para E2E).
- Buenas prácticas para escribir tests en Svelte.
Optimización y Despliegue
- Optimización del rendimiento de aplicaciones Svelte.
- Consideraciones de accesibilidad (A11y).
- Despliegue de aplicaciones Svelte (Netlify, Vercel, o servidores propios).
- Integración con CI/CD (GitHub Actions, GitLab CI).
Svelte en Producción y Migración (Caso de Estudio/Discusión)
- Casos de éxito de Svelte en la industria.
- Estrategias para introducir Svelte en un stack tecnológico existente.
- Mantenimiento y escalabilidad de aplicaciones Svelte.
Práctica

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

Novedades en torno a Svelte

Conoce las novedades de Svelte y del desarrollo a través de este compilador Front End 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.