Skip to main content

🌐 Vanilla HTML

Desarrollo web básico utilizando HTML puro sin frameworks adicionales.

Estructura Propuesta​

📁 proyecto-vanilla/
├── 📁 assets/
│   ├── 📁 css/
│   ├── 📁 js/
│   └── 📁 images/
├── 📄 index.html
└── 📄 .gitignore (Opcional)

Configuración Base​

La configuración mínima requiere solo un archivo HTML en la raíz del proyecto:

index.html
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mi Proyecto</title>
    <link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
    <h1>Mi Proyecto Vanilla</h1>
    
    <script src="assets/js/main.js"></script>
</body>
</html>

Características​

  • Sin dependencias externas
  • Máxima flexibilidad
  • Rendimiento óptimo
  • Fácil de mantener para proyectos pequeños
  • Control total sobre el código

Buenas Prácticas​

  • Mantener una estructura de archivos organizada
  • Separar HTML, CSS y JavaScript en archivos diferentes
  • Usar nombres descriptivos para archivos y carpetas
  • Seguir las convenciones de HTML semántico
  • Optimizar assets para mejor rendimiento