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
Julio Bastidas
@juliobas·
excelente curso, aunque merece la pena actualizarlo a svelte 5
Mariano Monje
@mariano-monje·
Excelente Curso!
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
@marco_cm·
Es uno de los frameworks que me gusta mucho utilizar y es muy rápida la curva de aprendizaje.
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
Cristian Javier Aparicio Tique
@cjat96·
Me gusto mucho svelte
Francisco Manuel Redondo Jiménez
@fredondo·
Muy buen curso para tener aprender Svelte y sobre todo, la explicaciones del profesor. Felicidades!
@fogliacoluciano·
Excelente!
SANDRA JULIETA CÓRDOBA ARVELO
@sandracordoba16·
Muy buen curso, framework Svelte práctico, poco código, amigable, fácil de aplicar, excelente profesor, ya tengo una aplicación que puedo mostrar al mundo.
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!
Na
@gallardogenesis2000·
Buen curso. Se explica de una manera bastante completa la introducción a este framework.
@arreguin·
Excelente curso, Svelte es genial
Andrés Fernando Salazar Marin
@asalazarmarin·
El curso fue muy útil y educativo para aprender sobre el svelte y el código que tiene
Anthony Padilla
@anthony.padilla·
La forma de explicar el uso del framework
Jimmy Joel Pecho Malqui
@jimmyjoelpechomalqui·
Muy bueno el curso, pero ya es hora de actualizarlo.
Jimmy Prada Guadalupe
@jpradatech·
Muy claro los conceptos espero que haya una escuela de Svelte
Josue Alessander Rodriguez Fasabi
@programadorJS·
Excelente Bro
Diego Alonso Cañón Ríos
@diegoac_r·
Excelente curso, muy enfocado en el framework y bastante facil de entender
Julian David Alzate Cuervo
@julianalzate046·
Excelente curso, este framework es muy interesante y la metodología que tiene el profesor Oscar es excelente.
Antonio Sebastián Dromundo Escobedo
@asdromundo·
Fantástica introducción a Svelte, es mi primer acercamiento a un framework de desarrollo y me fue muy claro.
David Callizaya
@davidcallizaya·
Excelente curso, me encanto aprender esta nueva tecnología, las clases fueron sencillas y didácticas, y gracias a ello pude ya empezar a utilizar svelte en mis proyectos.
Fabian Pertuz
@fpertuz199225·
curso de vital importancia ya que logre comprender mejor la estructura de framework svelte
Itsvan Alberto Moreno Rubio
@itsvanmorenorubio·
Me atrevería a decir que Svelte es el mejor primer framework para trabajar. Después de este curso pienso más en componentes, Oscar es un excelente profesor. Mis proyectos van a estar hechos con Svelte de aquí en adelante
@CarlosSalasFT·
Excelente curso para inciarse con Svelte. Es muy facil seguir el ritmo con el profesor.
Octa Luna Vargas
@OctaLuna·
Me gusto mucho el curso y me hiso entender mejor y saber que es Svelte y como lo tengo que usar
Franz Eduardo Tejada Valencia
@FranzTejadaValencia·
Esta herramienta es muy útil y muy importante a la hora de buscar funciones básicas y resultados óptimos,.
Jozek Andrzej Hajduk Sánchez
@HajdukSanchez·
I think Svelte is going to be the framework for beginners, is very easy to use, I love it. Oscar one of my favorites teachers.
Ángel David Vargas Hernández
@itsdavidhdez·
Me encantó Svelte, su usabilidad y la forma de enseñanza del profesor Oscar.
Alejandro Perez
@alejandroperez·
El profe Barajas es lo mejor para explicar temas y mas en este frame que tiene ventajas a comparacion de los demas. Eseperemos tenga mas auge.
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