Hasta aquí (por ahora)

Ponemos aquí punto y final a esta temporada listando las cosas que se han quedado fuera de la temporada 1 y por las que recomendaría profundizar si se quiere mirar más todavía sobre Svelte. Son cosas que tal vez si hago una segunda temporada de este curso explique.

Este curso ha sido marcado como anticuado y no está siendo revisado de forma activa. Es posible que la información pueda estar desactualizada o que los enlaces se hayan roto.

Este es el final por el momento del curso de Svelte. Pero eso no significa que Svelte se haya terminado. Aquí te dejo algunos pasos que puedes consultar ahora por tu cuenta en el sitio web de Svelte si quieres aprender más cosas.

Para empezar, SvelteKit. Es un framework completo similar a otros como Next o Nuxt que te permitirá hacer aplicaciones web de tipo SPA pero también aplicando tecnologías como server-side rendering para fabricar endpoints, rutas y toda una arquitectura full-stack para usar Svelte en tu próximo proyecto de aplicación web o sitio web de front.

Las funciones de lifecycle, como los callbacks que te permiten descubrir cuándo un componente se ha montado o cuándo se ha actualizado algún componente del estado local, te permitirán hacer operaciones más avanzadas en los casos donde sea necesario.

El sistema de stores es una forma más óptima de mantener un estado global en aplicaciones grandes de forma segura, que no involucre estar pasando constantemente propiedades hacia abajo y elevando sus actualizaciones mediante eventos. Se trata de una manera mucho más compacta de crear un estado global fácil de importar que esté perfectamente sincronizado, pero sin los problemas típicos de una variable global normal.

Las transiciones se han quedado fuera, pero también son útiles para hacer aplicaciones más atractivas cuando cambiamos o mostramos nuevos componentes.

Lista de reproducción
  1. 1
    ¿Qué es Svelte?
    9 minutos
  2. 2
    ¿Cómo crear un proyecto de Svelte?
    7 minutos
  3. 3
    Creando nuestro primer componente
    7 minutos
  4. 4
    Datos dinámicos y props
    7 minutos
  5. 5
    Anidando componentes
    7 minutos
  6. 6
    Capturando eventos
    7 minutos
  7. 7
    Eventos y reactividad
    8 minutos
  8. 8
    Atributos condicionales e IF
    9 minutos
  9. 9
    Bucles
    11 minutos
  10. 10
    Bloques await
    7 minutos
  11. 11
    Bind
    8 minutos
  12. 12
    bind:this
    6 minutos
  13. 13
    ¿Para qué nos sirve un evento personalizado?
    6 minutos
  14. 14
    createEventDispatcher
    6 minutos
  15. 15
    Eventos con detalles
    7 minutos
  16. 16
    Reenviando eventos
    6 minutos
  17. 17
    Ejemplo de eventos (primera parte)
    12 minutos
  18. 18
    Ejemplo de eventos (y segunda parte)
    16 minutos
  19. 19
    Modificadores de eventos
    6 minutos
  20. 20
    Fundamentos del CSS con Svelte
    9 minutos
  21. 21
    Clases condicionales
    7 minutos
  22. 22
    Estilos en línea y variables CSS
    8 minutos
  23. 23
    Estilos globales
    6 minutos
  24. 24
    Importar hojas de estilo externas
    5 minutos
  25. 25
    Reactividad experta con el operador $
    8 minutos
  26. 26
    Slots (parte 1 de 2)
    5 minutos
  27. 27
    Slots (parte 2 de 2)
    7 minutos
  28. 28
    Directivas svelte:window, svelte:head, svelte:body
    4 minutos
  29. 29
    Actualizar de Rollbar a Vite 3
    11 minutos
  30. 30
    Exportar a Web Components
    10 minutos
  31. 31
    Integrar TypeScript, SCSS, PostCSS...
    8 minutos
  32. 32
    Hasta aquí (por ahora)
    3 minutos
  33. 33
    Lo que se viene con Svelte 5
    13 minutos