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
Miller Hernando Bohorquez Linares
@millerhernandobohorquezlinares·
entrar en el mundo de svelte y aprender algo nuevo
Gerson Josué Col Ramos
@songer·
Second free certicate
Jesus Rafael Soto Godoy
@sotocodev·
Excelente
Brayan Alexander Paredes Sánchez
@brayanpasa99·
Buen curso introductorio, habría que ver otros conceptos más avanzados.
Rocio Guadalupe Moreno Muro
@romoreno·
Excelente curso, una muy buena introducción a Svelte
Manuel Lopez
@manuellopzz·
Excelente Curso
Luis Alejandro Moreno Cortés
@luigiv·
Todo muy bien: dominio del tema de parte del profesor Barajas y contagio de entusiasmo por el aprendizaje de Svelte. Hubo varias ocasiones en las que un typo causaba un error en la aplicación durante su explicación, pero se comprende que es parte del proceso de escritura de código. También me hubiera gustado que se hubiera explicado a detalle el CSS que se utilizó en Pugstagram y no solo copiarlo pues aunque no es un curso de CSS propiamente hubiera enriquecido el material de estudio.
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!
José Luis Guachun Saldaña
@JoseGuachun·
Que aprendi.
Fernando José Aguilar Rivas
@feraguilar·
Excelente curso sobre svelte muy recomendado para iniciar en este framework
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.
@edrenteria·
Todo me encantó de este curso, Súper recomendado!
@arreguin·
Excelente curso, Svelte es genial
Condor Agency
@condoragency·
Excelente curso, bastante útil. haca falta ahora el de sveltekit
jose suarez
@JoseSalaverria·
Excelente examen
Juan José Benítez Rodríguez
@juan.benitez·
bien explicado
@Jhonatan_Celis·
Excelente curso para conocer como funciona Svelte!, tambien aprendí como puedo llegar a usar DarkMode en mis proyectos.
Jimmy Joel Pecho Malqui
@jimmyjoelpechomalqui·
Muy bueno el curso, pero ya es hora de actualizarlo.
Edwin Ramio Ospina Ruiz
@edwinandeka·
Buen contenido corto y funcional
Jimmy Prada Guadalupe
@jpradatech·
Muy claro los conceptos espero que haya una escuela de Svelte
Josue Alessander Rodriguez Fasabi
@programadorJS·
Excelente Bro
Luis Fernando Cortes Duque
@luisfer.dev22·
Primer Framework que hago y muy bien, fácil es decir poco. Aun así lo que confunde es tantos archivos y la conexiones entre ellos pero para superar eso uno mismo tiene que estar muy conectado con la sintaxis de svelte.
Víctor Bolaños Solís
@viktor-bs·
Aprender como utilizar svelte y que esta pasando dentro del mismo para que todo funcione funcione
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.
Sergio Orejarena Rueda
@SergioO21·
Muy buen curso y muy buen profesor. Clases simples y prácticas reales. Gracias!
Julian David Alzate Cuervo
@julianalzate046·
Excelente curso, este framework es muy interesante y la metodología que tiene el profesor Oscar es excelente.
Jaime Andres Gomez Gutierrez
@_ingandresgutierrez_·
Muy sencillo de entender. El profesor es realmente bueno y carismático.
Ciro Alejandro Sira Mogollon
@ciroalejandrosiramogollon·
svelte es muy interesante pero prefiero react talvez sea el futuro del desarrollo web pero no es el presente
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