Este repositorio contiene todos los archivos necesarios para clonar el proyecto final del curso Desarrollo Web (922585) de Coderhouse. El mismo consiste en todos los archivos html, css y javascript utilizados en la creación del sitio web de Observatorio de Obras de Logoipsum el cual consiste en 5 páginas:
- Home (Index)
- Geovisor
- Estadísticas
- Mediateca
- Contacto
- Acceso (no disponible; conduce a 404.html)
- Página de presentación del Observatorio, sus herramientas y novedades.
- Información ingenieril, económico-financiera y socioeconómica de los aprovechamientos hidroeléctricos.
- Geovisor con mapa de localización de obras y un selector interactivo de proyectos para ver fichas de obra y visual 3D.
- Material audiovisual de las obras, incluyendo imágenes satelitales del entorno, construcción y distintos ángulos de las presas.
- Formulario de contacto para más información.
- Header y footers diseñados para una mejor experiencia de usuario.
- Diseño mobile-first; contenido 100% adaptable a pantallas de hasta 320 px de ancho.
El Observatorio de Obras de Logoipsum utiliza las siguientes tecnologías y herramientas de uso libre:
- HTML 5 - markup language para la estructuración y presentación del contenido
- CSS3 - style sheet language para mejorar el estilo del contenido, incluyendo colores, fuentes y diseño.
- Javascript - lenguaje de programación para darle interactividad a la página, principalmente respondiendo a eventos en el navegador
- Bootstrap 4.6 - framework de front-end para el diseño de páginas responsive y mobile-first a través de código CSS3
- node.js - entorno de servidor en lenguaje Emascript utilizado para instalar y gestionar packages
- SASS - preprocesador de CSS para organizar los estilos
- Intense Images - librería Javascript para visualizar imágenes en pantalla compleat
- jQuery - librería Javascript para manipulación del DOM
- Git - sistema de reversionado de código
- Github - plataforma de desarrollo colaborativo para alojar proyectos utilizando el sistema de control de versiones Git
- Google My Maps - servicio de Google para crear mapas personalizados para uso propio o para compartir
- Google Street View - servicio de Google que proporciona panorámicas a nivel de calle
Sírvase clonar el repositorio usando git bash o cualquier terminal que permite usar git. Escriba en ella:
$git clone https://github.com/UrbanPetris/observatorio.gitPara más información dirígase a la documentación oficial de Github aquí
Si ha hecho una clonación existosa del repositorio encontrará en la carpeta de directorio los siguientes archivos:
- index.html (página del sitio)
- .gitignore (vacío)
- .htaccess (configura página de Error 404)
- 404.html (página del sitio)
- contacto.html (página del sitio)
- estadisticas.html (página del sitio)
- geovisor.html (página del sitio)
- mediateca.html (página del sitio)
- package.json (contiene script para compilar css a partir de sass)
Y un sistema de carpetas como el siguiente:
- img (recursos audiovisuales del sitio)
- scss (archivos scss organizados a partir de las distintas páginas y componentes del sitio web)
- js (librerías javascript externas empleadas)
- css (código css compilado)
MIT
Todo el material audiovisual de este sitio ha sido obtenido de la web.