Este repositorio está dedicado a la práctica, aprendizaje y dominio de JavaScript y TypeScript a través de proyectos reales, ejercicios y documentación técnica. Su objetivo principal es servir como un entorno de experimentación y referencia para desarrolladores que buscan mejorar sus habilidades en el desarrollo web moderno, especialmente en la manipulación del DOM, la programación funcional y reactiva, y la construcción de interfaces interactivas.
- Consolidar conocimientos fundamentales y avanzados de JavaScript y TypeScript.
- Aplicar conceptos del DOM, eventos, renderizado dinámico y lógica de negocio en proyectos prácticos.
- Documentar buenas prácticas, patrones y técnicas útiles para el desarrollo frontend.
- Proveer ejemplos claros y reutilizables para consulta y aprendizaje continuo.
El repositorio está organizado en carpetas temáticas y proyectos independientes:
- CuriosityNumber/: App que muestra curiosidades matemáticas usando una API externa, con TypeScript y Vite.
- DragonBallFighter/: Proyecto que consume una API de personajes de Dragon Ball, enfocado en fetch y render dinámico.
- Exercises/: Ejercicios de distintos niveles para practicar lógica, manipulación del DOM y algoritmos básicos.
- galleryPhotos/: Galería de imágenes con modal dinámico, ejemplo de renderizado y manejo de eventos.
- gsap/: Prácticas de animación con GSAP y TailwindCSS.
- IMC/: Calculadora de índice de masa corporal, con validaciones y renderizado condicional.
- notion-concept/: Simulación de planner tipo Notion, con componentes reutilizables y TailwindCSS.
- pong/: Juego clásico Pong implementado en JavaScript puro.
- PracticeTypescript/: Ejercicios y ejemplos para dominar TypeScript y su integración con Vite.
- RxJs/: Ejemplos de programación reactiva con RxJS.
- TaskMark/: App de tareas con manejo de modelos y renderizado mixto JS/TS.
- toDo/: Aplicación de lista de tareas con edición y borrado dinámico.
Además, incluye archivos de documentación como:
DOM-METHODS.md: Guía completa de métodos y eventos del DOM.PROJECTS.md: Descripción y objetivos de los proyectos incluidos.
- JavaScript y TypeScript
- Vite para desarrollo y bundling
- TailwindCSS para estilos rápidos y modernos
- GSAP para animaciones avanzadas
- RxJS para programación reactiva
- HTML5 y CSS3
- APIs externas (fetch)
- Dominar la manipulación del DOM y eventos en JavaScript.
- Aprender a estructurar proyectos escalables con TypeScript.
- Implementar patrones de diseño y buenas prácticas en frontend.
- Integrar herramientas modernas como Vite y TailwindCSS.
- Practicar la programación reactiva y funcional.
- Desarrollar interfaces interactivas y responsivas.
- Documentar y versionar el progreso de aprendizaje.
Este repositorio está pensado para:
- Estudiantes y autodidactas que buscan practicar y entender el desarrollo web moderno.
- Desarrolladores junior y mid que desean fortalecer su base técnica.
- Cualquier persona interesada en ejemplos prácticos y documentación clara sobre JavaScript y TypeScript.
- Explora las carpetas y proyectos según tu interés.
- Consulta la documentación (
DOM-METHODS.md,PROJECTS.md) para entender los conceptos clave. - Ejecuta los proyectos localmente usando Vite (
npm installynpm run deven cada carpeta). - Modifica, experimenta y crea tus propios ejemplos basados en los existentes.
- Usa los ejemplos como referencia para tus propios proyectos o entrevistas técnicas.
Las contribuciones son bienvenidas. Puedes proponer mejoras, agregar nuevos ejercicios o proyectos, y ayudar a expandir la documentación.
Nota: Este repositorio está en constante evolución y expansión, adaptándose a nuevas tecnologías y retos del desarrollo frontend.