Este es el plan de estudios estructurado de forma progresiva. Conforme avanzamos, iré marcando los módulos completados.
- 📌 Módulo 1: Setup del Entorno & Fundamentos Clave (Actual).
- 🎟️ P-001 | Crear componente de insignia de estado (status-badge)
- 📝 Apuntes
- 📌 Módulo 2: Custom Elements (v1) & Lifecycle Callbacks.
- 🎟️ 🏗️ P-002 | Hacer reactivo el componente status-badge a cambios de estado en vivo
- 📝 Apuntes
- 📌 Módulo 3: Shadow DOM & Encapsulamiento Visual.
- 🎟️ 🏗️ P-003 | Encapsular el componente status-badge usando Shadow DOM y Adopted StyleSheets
- 📝 Apuntes
- 📌 Módulo 4:
<template>y<slot>(Composición de UI). - 🎟️ P-004 | Crear un componente contenedor de perfil (user-profile-card) utilizando slots
- 📝 Apuntes
- 📌 Módulo 5: Custom Events & Arquitectura de Comunicación Unidireccional.
- 🎟️ P-005 | Emitir un evento personalizado para alternar el estado del usuario desde el perfil
- 📝 Apuntes
- 🟢 Examen 1: Examen Parcial de Certificación (Módulos 1 al 5).
- 🎟️ E-001 | Desarrollo de un componente de notificación en tiempo real (notification-toast)
- 📝 Apuntes
-
📌 Módulo 6: Clean Code & Patrones de Diseño aplicados a WebComponents.
-
🎟️ P-006 | Implementar la clase base BaseComponent con actualización optimizada (Render Trigger)
-
📝 Apuntes
- 📌 Módulo 7: Herramientas del Ecosistema Moderno (Lit / FastElement).
- 📌 Módulo 8: Testing Unitario y E2E (Web Test Runner / Playwright).
- 📌 Módulo 9: Integración de IA en el Flujo de Desarrollo (IA-Driven Development).
- 📌 Módulo 10: Proyecto Final, Publicación NPM y Arquitectura Nivel Dios.