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
Adrian Barabino
@AdrianBarabino·
Muy facil y llevadero, entretenida forma de aprender
richard vivas ordoñez
@richardvivasordoez·
excelente curso para aprender de Svelte
Francisco Manuel Redondo Jiménez
@fredondo·
Muy buen curso para tener aprender Svelte y sobre todo, la explicaciones del profesor. Felicidades!
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.
yeferson soto
@yeyo_soto·
me encantaría la segunda parte de este curso siento que falto mas contenido
Teresa Alejandra Guerra Castañeda
@teresa.guerrac268·
mucho material didáctico y un ejemplo sencillo para practicar el framework
Juan Antonio García
@juan.garcia.mir·
Curso muy ameno donde aprendes las nociones básicas para empezar a programar con svelte.
Ezequiel Portela
@ezeportela·
muy buen curso para introducirse al mundo de svelte!
Jaime Eduardo Falla Cardozo
@jaimefalla·
Me gustó mucho el curso
@arreguin·
Excelente curso, Svelte es genial
Gerardo Medina
@jerrystark·
Magnificos temas e informacion de Svelte altamente recomendado de como llevar paso a paso un sitio con 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
@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.
Luis Alejandro Vera Hernandez
@luisalejandroverahernandez·
Intersante conocer Svelte, me encanto su practicidad
Fabio Andrés Estevez Herrera
@fabioandresestevezherrera·
Excelente curso
NOE MORENO
@nomoreno·
Es un gran comunicador y muy abierto, muy fácil de conectar con él. Gran maestro.
Josue Alessander Rodriguez Fasabi
@programadorJS·
Excelente Bro
Wonder Jhonny Diaz Gonzalez
@MetalSyntax·
Aprender a desarrollar con este increíble Framework desde las bases hasta el despliegue.
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.
Brayan Eduardo Velázquez Morales
@brayanvelazquez·
Lo mejor del curso es lo completo que esta con respecto a este framework y todo lo que se puede hacer con el
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
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