Saltar al contenido

file_download
Proyecto SvelteKit Final
N/A
file_download
Proyecto API Laravel final
N/A
play_circle_outline
vista previa
2 minutos
play_circle_outline
vista previa
2 minutos
play_circle_outline
vista previa
5 minutos

play_circle_outline
vista previa
8 minutos
play_circle_outline
vista previa
10 minutos
play_circle_outline
Crear un componente de navegación
5 minutos
play_circle_outline
Personalizar los errores 4xx y 5xx en SvelteKit
6 minutos
description
SvelteKit en el Backend
N/A
play_circle_outline
API en SvelteKit para consumir API Laravel
7 minutos
play_circle_outline
Obtener todas las notas de la API, un poco de magía
3 minutos
play_circle_outline
Componente Note para renderizar notas
3 minutos
play_circle_outline
Listado de notas completo, script context module y más
9 minutos
play_circle_outline
Detalle nota completo, acceso a parámetros y carga de datos inicial
6 minutos
play_circle_outline
Componentes de formulario
3 minutos
play_circle_outline
Componente formulario de notas para crear y editar
5 minutos
play_circle_outline
Petición API para crear notas
4 minutos
play_circle_outline
Página para dar de alta notas
8 minutos
play_circle_outline
Petición API actualizar notas
2 minutos
play_circle_outline
Página completa para editar notas
5 minutos
play_circle_outline
Eliminar notas
4 minutos
play_circle_outline
Introducción a los hooks
3 minutos
play_circle_outline
Compilar para producción, preview, adaptadores y despedida
7 minutos
Vídeo de introducción Primeros pasos con SvelteKit y Laravel API
play_circle_filled

Desbloquea el curso

starVer planes de suscripción
school

¿Qué aprenderás?

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 o con 0 configuraciones desarrollar aplicaciones SSR (Server Side Rendering), pero también CSR (Customer Side Rendering). De una forma muy sencilla podemos decir de que forma deseamos que se comporte nuestra aplicación.

Las ventajas de las aplicaciones SSR son muchas, mejor rendimiento y cero problemas para aplicar SEO son las más importantes e interesantes.

En este curso vamos a ver cómo crear una aplicación con SvelteKit que pueda consumir una API desarrollada por nosotros mismos en Laravel. Quizá pienses, esto ya lo hemos hecho con Vue y React, pero te garantizo que la forma de trabajar no tiene nada que ver a cómo lo hacemos con Vue o React, 100% diferente y 100% fantástica.

A continuación, te detallo algunas de las cosas que veremos dentro del curso:

  • 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).

Si quieres aprender a crear tu primera aplicación con SvelteKit y consumir una API para acercarnos al máximo a un desarrollo real, no lo dudes, suscríbete y obtén acceso inmediato.

assignment

Requisitos

Conocimientos de Laravel, puedes revisar el curso de Laravel 8 o Laravel 9.
Conocimientos de Svelte.js, puedes revisar este curso.
group

¿A quién va dirigido el curso?

Desarrolladores web que deseen estar a la última en diseño de interfaces y se quieran sumar al poderoso Svelte.js para mejorar considerablemente sus skills de programación.
help_outline

¿Qué hacer en caso de dudas durante el curso?

Los planes de suscripción trimestral y anual incluyen soporte a través del foro del curso.

Las dudas que se planteen en el foro del curso serán respondidas en un plazo máximo de 24 horas laborables.

Las dudas planteadas deben estar relacionadas con el contenido del curso y no con desarrollos personalizados que no estén relacionados con el curso.

card_membership

Certificado de finalización

emoji_events

Al completar todas las lecciones del curso, obtendrás un certificado de finalización en formato PDF personalizado con tu nombre y un código QR de verificación.

  • center_focus_weak Código QR con enlace al curso
  • picture_as_pdf Descargable en formato PDF
  • person Personalizado con tu nombre

star Disponible exclusivamente para suscriptores.

Especialista con +15 años de experiencia en desarrollo web Full Stack. Dominio avanzado en Laravel y Vue.js, creando aplicaciones modernas de alto rendimiento. Instructor profesional con 8 años compartiendo conocimiento a través de cursos especializados que han formado a cientos de desarrolladores.

Israel Parra

Desarrollador Full Stack & Formador

Valoraciones

5
star star star star star

2 valoraciones

star star star star star
star star star star star_border
star star star star_border star_border
star star star_border star_border star_border
star star_border star_border star_border star_border
Andrew

hace 3 años

Andrew Un curso inovador
star star star star star
Me gusta que haya cursos de SvelteKit, pocas plataformas tienen cursos de este framework, el curso esta genial
Rogelio Calderón Cervantes

hace 3 años

Rogelio Calderón Bastante bien
star star star star star
Muy bien explicado , Gracias !
visibility Vista previa

star

¿Te gusta lo que ves? Accede a este curso completo y a más de 200 cursos con una suscripción.

launch Ver planes de suscripción