Desarrollo de Aplicaciones Web con Svelte y PUXTgram
Clase 25 de 26 • Curso de Svelte
Contenido del curso
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
Resumen
¿Qué aprendiste en el curso de Svelte?
Trabajar con Svelte implica entender y aplicar diversas características esenciales que lo destacan como framework. Durante este curso, aprendiste a:
- Implementar componentes que son la base de cualquier aplicación en Svelte.
- Diseñar con estilos propios de Svelte, asegurando así una experiencia de usuario personalizada.
- Aplicar binding y reactividad, dos características fundamentales que permiten un flujo de trabajo más efectivo y dinámico.
- Manejar eventos y entender el ciclo de vida de los componentes para garantizar una aplicación robusta y eficiente.
Este conocimiento práctico fue aplicado en un proyecto llamado PUXTgram, una red social para PUX, donde diseñaste su arquitectura y personalizaste cada elemento.
¿Cómo se implementó el proyecto PUXTgram?
PUXTgram fue el proyecto principal del curso, donde aplicaste todo lo aprendido de manera práctica:
- Arquitectura del Proyecto: Se diseñó una estructura sólida que soporta las funcionalidades planeadas del proyecto.
- Personalización y Componentes: Creamos y personalizamos componentes que hicieron de PUXTgram una aplicación dinámica y adaptativa.
- Consumo de API y Renderizado: Se integró una API para obtener datos y se implementaron técnicas de renderizado para presentarlos adecuadamente en la aplicación.
- Despliegue en Producción: Finalmente, se llevó a cabo el despliegue del proyecto, permitiendo que PUXTgram esté disponible para los usuarios.
¿Qué hacer después del curso?
Nunca es suficiente con aprender lo básico; el progreso continuo es la clave del éxito en el campo de la tecnología. Te recomendamos:
- Presentar el Examen del Curso: Esto te ayudará a consolidar y evaluar los conocimientos adquiridos.
- Dejar un Review: Tu opinión es importante. Ayuda a mejorar futuros cursos y a otros estudiantes a decidirse.
- Compartir el Curso: Utiliza tu URL de referido para invitar a amigos; puedes ganar un mes gratuito de aprendizaje.
- Seguir Aprendiendo: No te detengas aquí. El mundo del desarrollo está en constante cambio y evolución.
Recuerda, tu aprendizaje no termina con un curso. Sigue explorando, experimentando y expandiendo tus habilidades. ¡El mundo del desarrollo te ofrece infinitas oportunidades para crecer y mejorar!