Este repositorio contiene los ejercicios y avances realizados a lo largo del curso Full-Stack JavaScript de YouTube. El curso está orientado a quienes están dando sus primeros pasos en el desarrollo web con JavaScript, HTML y CSS, abordando tanto el frontend como herramientas esenciales del navegador y desarrollo backend.
🎥 Curso completo en YouTube:
Full-Stack JavaScript - Playlist
Frontend:
- HTML5, CSS3, JavaScript (ES6+)
- MaterializeCSS (Framework responsivo)
- LocalStorage para persistencia de datos
Desarrollo:
- Git & GitHub para versionado
- GitHub Pages para deployment
- Chrome DevTools para debugging
Backend/APIs:
- Node.js y npm
- Fundamentos HTTP/REST API
Aplicación web para registro de ingresos y egresos que demuestra la integración de todas las tecnologías aprendidas:
- Formularios dinámicos con validación HTML5 y JavaScript
- Tablas interactivas con datos renderizados dinámicamente
- Persistencia de datos usando LocalStorage
- CRUD completo: Crear, leer y eliminar transacciones
- Categorización mediante selectores dinámicos
- Interfaz responsiva con MaterializeCSS / CSS
- Historial de transacciones como array de objetos en JSON
- Manipulación del DOM (
getElementById
,querySelector
, eventos) - Gestión de formularios (
FormData
,preventDefault
,reset()
) - Trabajo con arrays y objetos (
.push()
,.forEach()
,.map()
,.filter()
) - Almacenamiento local (
JSON.stringify()
,JSON.parse()
) - Data attributes para vincular información HTML-JavaScript
- Validaciones personalizadas y manejo de errores
📌 Este proyecto es ideal para comenzar a practicar desarrollo web full-stack con una base sólida de HTML, CSS y JavaScript, incluyendo conceptos de backend y APIs.
🧑🏫 El curso está dictado por un profesor muy dinámico y claro al explicar. Todo se entiende perfectamente, incluso si estás empezando desde cero. ¡Súper recomendable de mi parte!