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 · 397 opiniones
Alan Suástegui Vázquez
@asuastegui·
Muy bueno, pero necesita ser actualizado
Camilo Lopez
@ancamilopez·
Ejemplos claros y puestos en la realidad. Me ayudo mucho a entender la filosofía del framework y me dio las bases suficientes para crear una pagina básica
José Yesid López
@Joyelocode·
Muy buen curso y bien explicado
Fernando Lopez
@fernandojlopezm·
bUENO
Fabio Andrés Peña
@fabio.pena·
Entender la estructura del Framework Svelte Configurar un entorno para desarrollar una aplicación con Svelte Desarrollar una aplicación con Svelte Desplegar una webapp a producción
richard vivas ordoñez
@richardvivasordoez·
excelente curso para aprender de Svelte
Manuel Lopez
@manuellopzz·
Excelente Curso
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
@fogliacoluciano·
Excelente!
Uriel Solis Salinas
@euss99·
Gran curso, deberían de actualizarlo ya que ya pasó tiempo o hacer un curso profesional con Svelte
Juan Carlos Camareno Huamán
@juan-carlos-camareno-huaman·
Excelente curso
Ezequiel Portela
@ezeportela·
muy buen curso para introducirse al mundo de svelte!
Luis Palomo
@luisP·
Excelente curso. No obstante sería bueno renovarlo, ya que la API ya no es válida y la versión de svelte ha cambiado algunas cosillas. Igual, muy buen curso. Me quedé con ganas de más.
Na
@gallardogenesis2000·
Buen curso. Se explica de una manera bastante completa la introducción a este framework.
Condor Agency
@condoragency·
Excelente curso, bastante útil. haca falta ahora el de sveltekit
Mirquez Daniel Rodriguez Matos
@mirquezdrm·
Excelente curso! Muy bueno, el API que se usó para la app está caida pero encontré la manera de resolver.
jose suarez
@JoseSalaverria·
Excelente examen
Juan José Benítez Rodríguez
@juan.benitez·
bien explicado
victor palomino
@victorpalomino1791·
Clases objetivas y muy bien explicadas
Edwin Ramio Ospina Ruiz
@edwinandeka·
Buen contenido corto y funcional
Luis Alejandro Vera Hernandez
@luisalejandroverahernandez·
Intersante conocer Svelte, me encanto su practicidad
Edgar Ivan Calel Pacheco
@edgarkll·
poder conocer un nuevo framework, y poder aplicar nuevas habilidades me permite poder crecer profesionalmente
Erick Edgardo Marroquin Escobar
@erick.marro331·
Excelente curso para empezar con svelte. Muy recomendado
Josue Alessander Rodriguez Fasabi
@programadorJS·
Excelente Bro
Brayan Ismael Peñaranda Rincón
@brayanranda·
Muy buen curso del profesor Oscar Barajas, me gustaría que actualizaran más el contenido de este curso y de otras, muchas gracias
Randy Guerra
@randy-oswaldo-guerra-padilla·
Buen curso me agrado mucho. Esper que lo actualicen pronto y poder mejorar en el mundo frontend. Gracias por todo profe, y a darle.
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!!
Eleva tu aprendizaje
Este curso es parte de estas rutas de aprendizaje
Ruta
Frontend y Backend con Javascript para Desarrollo Web
388 horas
39 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