Aprende las bases de Svelte y SvelteKit desde cero
What you'll learn
- A desarrollar aplicaciones con Svelte
- A desarrollar aplicaciones SSR con SvelteKit
- A comunicar aplicaciones SvelteKit con una API Laravel
- A preparar aplicaciones SvelteKit para su puesta en producción
- A utilizar el ORM Prisma para tener acceso a bases de datos desde SvelteKit
- A entender el Frontend y el Backend que nos ofrece SvelteKit
Requirements
- Conocimientos sólidos de HTML y JavaScript
- Conocimientos básicos de Laravel para cubrir el proceso de la API (muy recomendable)
Description
Este curso está compuesto de dos bloques. El primero para aprender las bases de Svelte.js, y la segunda para aprender las bases de SvelteKit.
Svelte.js es un framework y un compilador que nos permite desarrollar poderosas interfaces de usuario de una forma rápida y sencilla.
Las principales características de Svelte.js son las siguientes:
Haz lo mismo con menos código.
Adiós al Virtual Dom.
Verdaderamente reactivo.
Proyectos ligeros, sólo añade lo necesario.
SvelteKit podemos decir que es un punto de partida completo para el desarrollo de interfaces con Svelte, que entre otras cosas nos ofrece un poderoso sistema de rutas para que podamos generar nuestros propios endpoints.
Por si fuera poco, SvelteKit también nos ofrece de base y con cero configuraciones desarrollar aplicaciones SSR (Server Side Rendering), pero también CSR (Customer Side Rendering). De una forma muy sencilla podemos decir de qué forma deseamos que se comporte nuestra aplicación.
Resumiendo, SvelteKit es un compilador y un framework tanto para el frontend como para el backend.
A continuación, te detallo algunas de las cosas que veremos dentro del bloque de SvelteKit:
Crear proyectos SvelteKit.
Entender su sistema de rutas para crear páginas.
Entender su sistema de rutas basadas en endpoints para consumir recursos externos (API).
Comunicarnos con servicios externos de forma correcta para nutrir de datos a nuestra aplicación.
Aprender a trabajar con peticiones HTTP: GET, POST, PUT y DELETE.
A generar layouts globales que apliquen a todas las páginas.
A generar layouts que puedan ser utilizados a demanda por páginas (layouts named).
A personalizar los errores en SvelteKit.
A generar el bundle para poner nuestra aplicación en producción.
A previsualizar y probar en nuestro entorno local el bundle de producción.
Una introducción a los hooks para habilitar y deshabilitar el modo SSR en SvelteKit.
A tener muy en cuenta referente a SvelteKit:
SvelteKit es un framework de backend y un compilador que nos permite utilizar Svelte.
Escribimos código de frontend y backend en un solo lugar.
La representación del lado del servidor (SSR) mejoran el rendimiento y el SEO de tus aplicaciones.
Las páginas se procesan en el servidor y en el cliente debido a la hidratación.
Los adaptadores se utilizan para su posterior implementación en diferentes plataformas (Cloudflare pages, Vercel, Netlify).
Who this course is for:
- Desarrolladores web que deseen estar a la última en diseño de interfaces y se quieran sumar al poderoso Svelte para mejorar considerablemente sus skills de programación.
Instructor
Cursosdesarrolloweb es una plataforma de cursos Online de programación web y móvil haciendo uso de Php, JavaScript y Rust.
Cada mes se publica por lo menos un nuevo curso con temas de interés 100% actualizados.
Si quieres estar a la última en desarrollo web y móvil no dejes de revisar mi perfil y mi plataforma.