Skip to content

KaruG1999/appMisGastos

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💻 Proyecto Full-Stack JavaScript

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


📑 Ver apuntes del curso

🛠️ Tecnologías Utilizadas

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

🎯 Proyecto Principal: Gestión Económica

Aplicación web para registro de ingresos y egresos que demuestra la integración de todas las tecnologías aprendidas:

✨ Funcionalidades implementadas:

  • 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

🧠 Conceptos aplicados:

  • 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!

About

Primero pasos en JavaScript

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published