Desarrollo de Aplicaciones Web con Svelte y PUXTgram
Clase 25 de 26 • Curso de Svelte
Contenido del curso
- 3

Primeros Pasos con Svelte: Instalación y Configuración Básica
06:51 - 4

Estilos CSS y Variables Globales en Componentes Svelte
07:30 - 5

Creación e Importación de Componentes en Svelt
06:37 - 6

Reactividad en Svelt: Creación de un Contador Interactivo
03:59 - 7

Componentes Svelte: Uso de Propiedades y Valores por Defecto
10:18 - 8

Condicionales y Dark Mode en Componentes Svelte
06:14 - 9

Estructuras de Control en Svelte: Iteración de Arreglos y Componentes
05:59 - 10

Eventos DOM y Binding de Datos en Svelte
10:14 - 11

Manejo del ciclo de vida de componentes en Svelte
08:43 - 12

Reactividad en Svelte: Uso de Stores para Componentes Compartidos
08:14
- 16

Estructuración de Proyectos Svelte: Componentes y Configuración Básica
09:00 - 17

Estructuración de Headers y Sidebars en Aplicaciones Web
11:46 - 18

Estructura de Componente Timeline en Svelte para Pubstagram
13:06 - 19

Estilos CSS para Aplicaciones con Svelte
09:38 - 20

Conexión de Aplicaciones Svelte a APIs Públicas
11:39 - 21

Integración de API para Comentarios en Pubstragram
10:27 - 22

Creación de un Modal para Compartir en Facebook con Svelte
12:23 - 23

"Implementación de Likes y Stores en Svelte para Pubsstagram"
11:51
¿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!