🎮 Dev-Playground

Laboratorio personal de desarrollo frontend: ejercicios y experimentos organizados por temas (HTML, CSS y JavaScript) para practicar conceptos fundamentales y técnicas del día a día.

---

📂 Estructura del repositorio

El proyecto está organizado en módulos para seguir un camino de aprendizaje claro:

• 01-html/ — Estructura y semántica HTML

  • 01-basic-tags/ — Etiquetas básicas: títulos, párrafos, enlaces, imágenes.
  • 02-structures/ — Listas, tablas y estructuras de información.
  • 03-forms/ — Formularios y control de entrada.
  • 04-attributes/ — Atributos globales y específicos.

• 02-css/ — Estilos y diseño

  • 01-core-concepts/ — Cascada, herencia y especificidad.
  • 02-selectors/ — Selectores avanzados.
  • 03-layouts/ — Fundamentos de maquetación.

• 03-javascript/ — Lógica, DOM y comportamiento

  • 01-basics/ — Fundamentos, operadores y métodos.
  • 02-control-flow/ — Condicionales y ciclos.
  • 03-functions/ — Funciones y patrones.
  • 04-data-structures/ — Objetos y arreglos.
  • 05-dom-manipulation/ — Manipulación del DOM y ejemplos prácticos.

---

🔌 Extensiones recomendadas (Visual Studio Code)

Si usas Visual Studio Code, estas extensiones facilitan la edición y visualización del contenido:

• Live Server — Sirve archivos estáticos y recarga automática.
• Prettier — Formateador de código.
• ESLint — Linter para JavaScript.
• HTML/CSS IntelliSense — Mejor autocompletado para HTML/CSS.
• Auto Close Tag — Cierra etiquetas HTML automáticamente.
• Auto Rename Tag — Renombra etiquetas emparejadas automáticamente.
• Material Icon Theme — Iconos para una navegación más visual.

---

📝 Licencia y autor

Creado por Denis Patzi - GitHub

---

Última actualización: Enero 2026