Nivel Básico
27 clases
3 horas de contenido
10 horas de práctica
Integra Svelte en tus aplicaciones web creando Pugstagram, un clon de Instagram para Pugs. Aprende a utilizar componentes, estilos, ciclo de vida, manejo de eventos y store. Lanza el proyecto en línea con Netlify.
Elementos básicos de Svelte
- 3
Primeros Pasos con Svelte: Instalación y Configuración Básica
06:51 min - 4
Estilos CSS y Variables Globales en Componentes Svelte
07:30 min - 5
Creación e Importación de Componentes en Svelt
06:37 min - 6
Reactividad en Svelt: Creación de un Contador Interactivo
03:59 min - 7
Componentes Svelte: Uso de Propiedades y Valores por Defecto
10:18 min - 8
Condicionales y Dark Mode en Componentes Svelte
06:14 min - 9
Estructuras de Control en Svelte: Iteración de Arreglos y Componentes
05:59 min - 10
Eventos DOM y Binding de Datos en Svelte
10:14 min - 11
Manejo del ciclo de vida de componentes en Svelte
08:43 min - 12
Reactividad en Svelte: Uso de Stores para Componentes Compartidos
08:14 min
Configuración del proyecto
Desarrollo de la aplicación
- 16
Estructuración de Proyectos Svelte: Componentes y Configuración Básica
09:00 min - 17
Estructuración de Headers y Sidebars en Aplicaciones Web
11:46 min - 18
Estructura de Componente Timeline en Svelte para Pubstagram
13:06 min - 19
Estilos CSS para Aplicaciones con Svelte
09:38 min - 20
Conexión de Aplicaciones Svelte a APIs Públicas
11:39 min - 21
Integración de API para Comentarios en Pubstragram
10:27 min - 22
Creación de un Modal para Compartir en Facebook con Svelte
12:23 min - 23
"Implementación de Likes y Stores en Svelte para Pubsstagram"
11:51 min
Deployment
Profes del curso
Conoce quién enseña el curso
Oscar Barajas Tavares
Learning Engineer en Platzi
Desarrollador Front-end, creando mi primera página web en el 2001
Microsoft MVP - #JavaScript
Coleccionista LEGO (AFOL)
Proyecto del curso
Pugstagram
Crea una aplicación de red social tipo Instagram utilizando Svelte. Desarrolla los componentes de la aplicación y vincúlalos. Implementa estilos para dar una gran experiencia de usuario. Conecta una API a Pugstagram para obtener datos y finalmente desplegar la app en Internet.
Ver proyectosoftware y recursos necesarios
- Editor de Texto
- Navegador Web
- Terminal y línea de comandos
Opiniones del curso
4.8 · 398 opiniones
Mariano Monje
@mariano-monje·
Excelente Curso!
Miller Hernando Bohorquez Linares
@millerhernandobohorquezlinares·
entrar en el mundo de svelte y aprender algo nuevo
Jesus Rafael Soto Godoy
@sotocodev·
Excelente
Christian Montserrat Poblano Martinez
@christianpoblano·
Me gusto mucho, fue claro, solo que siento que ya necesita una actualización, el curso tiene comentarios de hace 4 años
Fernando Lopez
@fernandojlopezm·
bUENO
Rocio Guadalupe Moreno Muro
@romoreno·
Excelente curso, una muy buena introducción a Svelte
Francisco Manuel Redondo Jiménez
@fredondo·
Muy buen curso para tener aprender Svelte y sobre todo, la explicaciones del profesor. Felicidades!
Adrian Valdelamar
@adrian13val·
Muy dinámico, sencillo y el material está increíble para los que están empezando. Me gustaría si lo actualizaran
Fernando José Aguilar Rivas
@feraguilar·
Excelente curso sobre svelte muy recomendado para iniciar en este framework
Uriel Solis Salinas
@euss99·
Gran curso, deberían de actualizarlo ya que ya pasó tiempo o hacer un curso profesional con Svelte
Luis Enrique Vesga Morales
@luisvesga·
Excelente curso para comenzar a conocer Svelte que es una gran framework con mucho potencial.
Andrés Fernando Salazar Marin
@asalazarmarin·
El curso fue muy útil y educativo para aprender sobre el svelte y el código que tiene
Gerardo Medina
@jerrystark·
Magnificos temas e informacion de Svelte altamente recomendado de como llevar paso a paso un sitio con este framework
Anthony Padilla
@anthony.padilla·
La forma de explicar el uso del framework
Condor Agency
@condoragency·
Excelente curso, bastante útil. haca falta ahora el de sveltekit
Juan José Benítez Rodríguez
@juan.benitez·
bien explicado
Jimmy Joel Pecho Malqui
@jimmyjoelpechomalqui·
Muy bueno el curso, pero ya es hora de actualizarlo.
Jefferson Alvarez
@jeffrinalvarez16·
Es un curso ecxelente
NOE MORENO
@nomoreno·
Es un gran comunicador y muy abierto, muy fácil de conectar con él. Gran maestro.
Mario Martin Granja Moncayo
@martingranja·
muy interesante
Diego Alonso Cañón Ríos
@diegoac_r·
Excelente curso, muy enfocado en el framework y bastante facil de entender
Fabian Pertuz
@fpertuz199225·
curso de vital importancia ya que logre comprender mejor la estructura de framework svelte
Juan Jose Torres Suárez
@jtorres4662·
Es un excelente curso que expone todas las bases y conceptos para afrontar éste framework, es un curso claro y completo para adquirir bases fuertes y continuar tu proceso de aprendizaje.
Richard Montesdeoca
@rmontesdeoca77·
un buen curso para aprender de Svelte, que en un nuevo framawork de javascript que simplifica mucho el código para nuestras aplicaciones
Yeison Montoya
@yeisondiseno·
Tengo dolor de cabeza, hoy me hice una maratón de librerías front en JS
@redyafte·
Gran contenido y excelente explicación me encanto la manera de explicar y los ejercicios que hicimos!!
@CarlosSalasFT·
Excelente curso para inciarse con Svelte. Es muy facil seguir el ritmo con el profesor.
Daniel Campos
@daniel-gabriel·
excelente como siempre , estaria muy bueno que saquen un curso sobre svelte kit
NELSON ALEJANDRO RAMOS RIVERA
@nelsonalejandroramos·
Buen curso para complementar lo aprendido durante el desarrollo de la carrera de frontend
@midasdl0290·
Muy buen curso, bastante fluido y rápido. Definitivamente Svelte va a revolucionar la forma de desarrollar páginas web.
Eleva tu aprendizaje
Este curso es parte de estas rutas de aprendizaje
Ruta
Frontend y Backend con Javascript para Desarrollo Web
390 horas
40 Profes
¡Aprende Frontend, Backend y Full Stack Development con referentes en la industria y profes del Team Platzi!
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender