📖 Curso de Desarrollo Web Moderno con Svelte
🎯 Acerca de este Repositorio
¡Bienvenido! Este repositorio es el centro de recursos y códigos para el Curso de Desarrollo Web Moderno con Svelte. Aquí encontrarás todos los ejercicios, proyectos y materiales desarrollados clase a clase, diseñados para llevar a un estudiante desde los fundamentos de la web hasta la creación de aplicaciones interactivas con uno de los frameworks más queridos de la actualidad.
El objetivo es proporcionar un camino de aprendizaje práctico, progresivo y enfocado en las buenas prácticas del desarrollo front-end.
📚 Estructura
El curso está dividido en módulos progresivos, cada uno construido sobre el anterior para asegurar de concoimiento sólido.
Módulo 0: Introducción al Desarrollo Web (Conceptual)
- Fundamentos de internet, navegadores y editores de código.
Módulo 1: Fundamentos de la Web: HTML y CSS 🏛️
Construimos el esqueleto y la apariencia de nuestras páginas. La base visual de todo.
- Unidad 1: HTML - El Esqueleto de la Web
- Estructura de un documento HTML, etiquetas semánticas, formularios e inputs.
- Unidad 2: CSS - Estilización y Diseño Web
- Selectores, Modelo de Caja, Colores y Tipográfias.
- Maquetación moderna con Flexbox y CSS Grid.
- Diseño Responsivo y Frameworks como Bootstrap.
Módulo 2: Introducción a JavaScript 🧠
Le damos vida e interactividad a nuestras páginas. Aquí es donde nuestras creaciones aprenden a "pensar".
- Unidad 1: Fundamentos de JavaScript
- Variables, Tipos de Datos, Operadores y Estructuras de Control.
- Unidad 2: Manipulación del DOM
- Selección de elementos, Modificación y Manejo de Eventos.
- Unidad 3: Introducción a JSON y Fetch API
- ¿Qué es JSON? y consumo de APIs con
fetch().
- ¿Qué es JSON? y consumo de APIs con
- Unidad 4: Programación Asíncrona
- Promesas y
async/await.
- Promesas y
Módulo 3: Introducción a Svelte ✨
Entramos al mundo del desarrollo moderno para construir aplicaciones potentes de forma más simple y eficiente.
- Unidad 1: ¿Qué es Svelte?
- Filosofía del compilador, Características y Comparativas.
- Unidad 2: Instalación y Primer Proyecto
- Estructura de un proyecto con SvelteKit.
- Unidad 3: Sintaxis Básica de Svelte
- Componentes, Reactividad, Props y Eventos.
- Unidad 4: Estilización en Svelte
Scoped Stylesy Tematización.
🚀 Proyectos Destacados
A lo largo del curso, construimos aplicaciones completas que integran todo lo aprendido.
| Proyecto | Descripción | Tecnologías Clave |
|---|---|---|
| Gestor de Tareas 📝 | Una aplicación clásica para gestionar una lista de tareas, con persistencia de datos en el navegador. | JS, DOM, localStorage |
| Buscador de Series 📺 | Una app que consume una API externa para buscar y mostrar información de series de TV. | async/await, fetch, API |
| (¡Próximamente más Proyectos!) | ... | SvelteKit, Componentes |
🛠️ ¿Cómo usar este Repositorio?
Si eres un alumno, puedes usar este repositorio para:
- Repasar el código visto en clase.
- Comparar tus soluciones con las propuestas.
- Descargar un proyecto para experimentar por tu cuenta.
Para descargar el código, puedes clonar el repositorio con el siguiente comando:
git clone https://github.com/cTapiaDev/curso-svelte.git
Luego, navega a la carpeta de la clase o proyecto que te interese.
👨🏫 Sobre el Docente
Hola, soy @ctapiadev, un apasionado por la enseñanza y el desarrollo de tecnologías web. Mi misión es desmitificar la programación y entregar a mis alumnos las herramientas y la confianza para que puedan construir sus propias ideas en el mundo digital.
Este repositorio está en constante actualización a medida que el curso avanza. ¡No dudes en dejar una ⭐️ si te resulta útil!
