18. Espacio de trabajo del desarrollador

Curso HTML5 desde cero — Freimel Jerez

Antes de escribir código, todo desarrollador debe contar con un espacio de trabajo organizado. Esto mejora la productividad, evita errores y facilita el aprendizaje.

🧰 Herramientas básicas

• Editor de código: Visual Studio Code (recomendado)
• Navegador: Chrome, Edge o Firefox
• Explorador de archivos: para organizar proyectos
• Terminal: opcional, pero muy útil

📁 Estructura recomendada de carpetas

mi-proyecto/
│
├── index.html
├── css/
│   └── styles.css
├── js/
│   └── main.js
├── img/
│   └── logo.png
└── assets/

Mantener una estructura clara facilita el mantenimiento y el crecimiento del proyecto.

🖥️ Editor de código (VS Code)

Un buen editor ofrece resaltado de sintaxis, autocompletado y extensiones. Algunas extensiones útiles:

• Live Server
• Prettier
• HTML CSS Support

🔍 Herramientas del navegador

Los navegadores modernos incluyen herramientas para desarrolladores (DevTools). Con ellas puedes:

• Inspeccionar HTML y CSS
• Ver errores en consola
• Probar estilos en tiempo real
• Simular dispositivos móviles

✅ Buenas prácticas

• Nombrar archivos y carpetas correctamente
• Guardar cambios frecuentemente
• Probar en varios navegadores
• Mantener el código ordenado

🎥 Video de la lección

Debes ver el video completo para desbloquear la siguiente lección.

📌 Resumen

• Un buen entorno mejora tu rendimiento
• La organización es clave
• Las herramientas correctas hacen la diferencia

En la siguiente lección aprenderás sobre figuras y atributos en HTML5.