Excelente Curso para iniciar con Svelte y comprender los fundamentos, Gracias Oscar! 👏
Esperare pacientemente por la Carrera Frontend con Svelte 😏 con su Svelte avanzado, Sappier, PWA, Svelte Native y mas de lo que puedan aportar 😁
Introducción
Para qué sirve Svelte y qué aprenderas sobre él
¿Qué es Svelte?
Elementos básicos de Svelte
Primeros pasos
Estilos
Componentes
Reactividad
Props
Condicionales
Estructura de control: each
Eventos del DOM y Binding
Ciclo de vida
Stores
Configuración del proyecto
Presentación de Pugstagram
Configurar el entorno de trabajo
Servidor de desarrollo local
Desarrollo de la aplicación
Estructura
Componentes Header y Sidebar
Componente Timeline
Estilos de nuestra aplicación
Conectar nuestra aplicación a una API
Componente Comments
Componente Modal
Header Likes
Deployment
Despliegue en Netlify
Continúa con el Curso de Sapper
Apuntes de Svelte
You don't have access to this class
Keep learning! Join and start boosting your career
If you already have an account,
Resources
What did you learn in the Svelte course?
Working with Svelte involves understanding and applying several essential features that make it stand out as a framework. During this course, you learned to:
- Implement components that are the basis of any application in Svelte.
- Design with Svelte's own styles, ensuring a customized user experience.
- Apply binding and reactivity, two fundamental characteristics that allow a more effective and dynamic workflow.
- Handle events and understand the lifecycle of components to ensure a robust and efficient application.
This practical knowledge was applied in a project called PUXTgram, a social network for PUX, where you designed its architecture and customized each element.
How was the PUXTgram project implemented?
PUXTgram was the main project of the course, where you applied everything you learned in a practical way:
- Project Architecture: a solid structure was designed that supports the planned functionalities of the project.
- Customization and Components: We created and customized components that made PUXTgram a dynamic and adaptive application.
- API Consumption and Rendering: An API was integrated to obtain data and rendering techniques were implemented to present them properly in the application.
- Production Deployment: Finally, the project was deployed, making PUXTgram available to users.
What to do after the course?
It is never enough to learn the basics; continuous progress is the key to success in the technology field. We recommend:
- Take the Course Exam: This will help you consolidate and evaluate the knowledge you have acquired.
- Leave a Review: Your opinion is important. It helps to improve future courses and helps other students to decide.
- Share the Course: Use your referral URL to invite friends; you can win a free month of learning.
- Keep Learning: Don't stop here. The development world is constantly changing and evolving.
Remember, your learning doesn't end with one course. Keep exploring, experimenting and expanding your skills - the development world offers you endless opportunities to grow and improve!
Contributions 25
Questions 1
Sort by:
Excelente curso, muy buena explicación de Oscar Barajas 👏🏻👏🏻👏🏻
Muy buen curso. Ahora a esperar el de Sapper
Hola chicos, si desean seguir practicando y aprendiendo mas sobre svelte, les cuento que dentro de mi repositorio (este es el link), planeo subir nuevas funcionalidades y retos basados en Pugstore e Instragram a la seccion de Issues, asi iremos aprendiendo a colaborar en Git, practicaremos lo que hemos aprendido de Svelte e iniciaremos a colaborar en Proyectos de la Comunidad
Iré subiendo tutoriales de otras cosas como el Router o el Unit Testing en la sección de tutoriales de estudiantes del curso
Si quieren diseñar, sugerir o implementar nuevas funcionalidades están invitados a abrir issues que completaremos juntos.
Tambien pueden contactarme por Instagram o por Twitter como @MiguelSeguraMX
¡10/10 con tu curso! Y ya tienes un suscriptor más en Twitch
Excelente curso, con la mejor explicación de Oscar, muy puntual y como lo es Svelte, simplicidad! A seguir con la documentación 👏 👏
¡Gracias Oscar Excelente Maestro!
Gracias, me gustó mucho este lenguaje. Seguiré aprendiendo más.
Excelente, a profundizar y que promuevan una carrera de svelte
Muchas gracias, @gndx! Excelente profesor!
Excelente curso, muchas gracias
Me ha convencido el curso y Svelte
Acabo de terminar el curso, bastante práctico. Les comparto la aplicación que hice con Svelte para dominar estos conceptos. Es un simple buscador de libros que usar la API de Google Books para realizar las búsquedas.
Excelente curso, ahora a seguir aprendiendo ya que tenemos las bases, como siempre las explicaciones muy buenas, felicidades Oscar. 👏🏻👏🏻👏🏻
No vimos enrutado 😦
⭐⭐⭐⭐⭐
Genial, excelente curso, svelte tiene buena pinta
Excelente curso
Excelente el curso ! muy bueno Svelte
Excelente clase! No pensé que me gustaría tanto este framework y la verdad ya quiero empezar a probar algunos proyectos. Gracias Oscar! Nos vemos en el próximo curso de Svelte.
<h3>Routing</h3>
Una forma para usar Routing en aplicaciones de svelte existen modulos tales como:
En lo personal recomiendo svelte-routing ya que es declarativo, parecido a la organización de el enrutado de Recat con react-router-dom
Para poder hacer test a tus aplicaciones de svelte existe:
testing library
Excelente!
Excelente curso, claramente tiene parecido a Vue pero este es mas sencillo.
Excelente clase ahora solo queda practicar para afianzar mas los conocimientos.
Want to see more contributions, questions and answers from the community?