Este repositorio contiene el proyecto fundacional de desarrollo web interactivo, diseñado bajo los estándares modernos de la industria para maquetación, semántica y adaptabilidad. El objetivo principal es construir una interfaz web fluida y atractiva, asegurando una experiencia de usuario óptima (UX) en múltiples dispositivos utilizando metodologías limpias de desarrollo Frontend.
- Diseño Responsivo (Responsive Web Design): Implementación de técnicas avanzadas: Media Queries / Flexbox / CSS Grid para garantizar que la interfaz se adapte perfectamente a resoluciones de dispositivos móviles, tablets y pantallas de escritorio.
- Semántica HTML5 Pura: Estructuración del documento utilizando etiquetas semánticas para mejorar la accesibilidad web (A11y) y optimizar el posicionamiento en motores de búsqueda (SEO técnico).
- Arquitectura de Estilos Limpia: Organización modular de las hojas de estilo (CSS) para asegurar la mantenibilidad y escalabilidad del diseño visual.
- Interactividad Dinámica: Manipulación básica del DOM con JavaScript para la validación de formularios y menús desplegables.
- Lenguaje de Marcado: HTML5
- Estilos y Maquetación: Bootstrap
- Lógica del Cliente: JavaScript (ES6).
El desarrollo se enfocó en resolver las problemáticas comunes de la maquetación web inicial:
- Estrategia Mobile-First: El diseño se estructuró pensando primero en las restricciones de los dispositivos con pantallas pequeñas, escalando progresivamente hacia entornos de escritorio.
- Optimización de Activos: Uso eficiente de recursos visuales, fuentes web y estructuración limpia de rutas relativas para garantizar una velocidad de carga óptima en el navegador.
- Compatibilidad Cross-Browser: Pruebas y ajustes de renderizado para asegurar que los estilos e interactividad se ejecuten de manera idéntica en navegadores modernos (Chrome, Firefox, Edge, Safari).
Para explorar e inspeccionar el código de la interfaz de manera local, sigue estos pasos:
-
Clonar el repositorio:
git clone [https://github.com/longaresf/responsive-web-landing.git](https://github.com/longaresf/responsive-web-landing.git)
-
Ingresar al directorio: Bash cd responsive-web-landing
-
Ejecución: No requiere servidores ni dependencias externas. Simplemente abre el archivo index.html en tu navegador web de preferencia, o utiliza la extensión Live Server en tu editor de código (como VS Code).
✒️ Autor
Francisco Longares - Desarrollador Frontend - longaresf
Este proyecto representa la resolución práctica del hito inicial de maquetación y arquitectura web dentro del programa de formación técnica de Desafío Latam.