Práctica 1 - mdelaosa/2020-2021-LTAW-Practicas GitHub Wiki
Índice
Documentación
Descripción
En esta práctica se ha realizado, de una manera sencilla, una tienda que tiene tanto back-end como front-end. En primer lugar, es necesario que visites este link en el que se encuentran todos los archivos para visualizar este proyecto. Las carpetas denominadas S2, S3 y S4 pueden ser obviadas, ya que lo importante está en la carpeta llamada Imágenes y en los archivos que se encuentran directamente en el link .
Para la realización de la tienda, Vinilo Verás, se ha programado en Javascript, HTML y CSS.
Es necesario descargar los archivos que se encuentran en la carpeta P1, sin ser necesario descargar el resto de carpetas internas, a excepción de la llamada "Imágenes", que si habrá que descargarla. Después, habrá que lanzar el servidor mediante el comando node tienda.js, que escucha de manera predefinida en el puerto 9000, para ver lo que ocurre, será necesario poner en el navegador http://localhost:9000/ o http://127.0.0.1:9000/
El proyecto tiene las imágenes de manera online, a excepción de los tres productos a elegir, que se ha decidido meterlos de manera local, para demostrar que cualquiera de las dos maneras serían válidas para su funcionamiento.
Código
En el terminal, una vez es lanzado node tienda.js y se ha abierto el navegador, se imprime cada uno de los recursos pedidos, así como el tipo de mime que se pide.
Los archivos que se tienen en la práctica son:
- tienda.js -> programa principal
- tienda.html -> fichero html donde se encuentra la tienda
- tienda.css -> estilo creado para tienda.html
- harry.html -> fichero html donde se encuentra el producto 1
- shawn.html -> fichero html donde se encuentra el producto 2
- atl.html -> fichero html donde se encuentra el producto 3
- info.html -> fichero html con información
- error.html -> fichero html al que redirigen las opciones no implementadas.
Mejoras
Las mejoras realizadas han sido implementadas en la parte de front-end, se aprecia el icono de la página, así como partes como el scroll, que se aprecia con el navegador de Chrome, aunque en el gif mostrado más adelante no está disponible.
Visual
A continuación se muestra con un gif el funcionamiento de esta primera práctica.
La página principal es:
Si hubiera algún fallo en la carga de la página, solo será necesario hacer f5
Licencia
| Imágenes de títulos | Resto documentación |
|---|---|
 Todos los derechos reservados |
 Creative Commons by SA |