Este repositorio contiene ejemplos y código ofrecido a los alumnos de la materia Desarrollo Web 1, de la carrera Tecnicatura en Desarrollo de Aplicaciones, de la Universidad Nacional de Tierra del Fuego.
En la carpeta basicos están los primeros ejemplos de HTML, recomendamos a los alumnos mirar estos archivos para comprender el funcionamiento mínimo de HTML antes de avanzar a los demás.
En la capeta galileo se encuentra el código del ejercicio prácitco inicial de la materia, que consiste en una página web que simula el CV de Galileo Galilei. El objetivo es que los alumnos puedan practicar el uso de HTML y CSS, sin necesidad de utilizar un framework de css o librería de JavaScript.
El resultado final es una página web que contiene la biografía de Galileo Galilei, con un diseño responsive mobile-first. Puede verse en el siguiente enlace: https://fedegonzal.github.io/tuda-web1/galileo/index.html
Hay dos versiones del CSS, la primera sin ninguna intervención, que se llama estilos-basicos.css, y otra que hace uso de Sass, que se llama estilos-sass.scss.
La versión Sass es la que se utiliza en el archivo html, cargando el archivo estilos-sass.css, que es el resultado de compilar el archivo estilos-sass.scss.
Se recomienda leer el código de ambos archivos CSS, para entender las diferencias entre ambos.
En la carpeta supermercado se encuentra el código del ejercicio práctico inicial de la materia, que consiste en una página web que simula un supermercado (los alumnos también pueden hacer variantes con otras ideas). El objetivo es que los alumnos puedan practicar el uso de HTML y CSS, utilizando Bootstrap y Sass.
El trabajo debe incluir:
- Una página con un listado de productos, con su nombre, precio y una imagen.
- Una página de detalle de producto, con su nombre, precio, imagen y descripción.
- Una página con un formulario para la carga de productos, que incluya los campos nombre, precio, imagen y descripción.
Para facilitar el trabajo, se incluye un ejemplo con el listado de productos. El resultado final es una página web con diseño responsive mobile-first, que puede verse en el siguiente enlace: https://fedegonzal.github.io/tuda-web1/supermercado/index.html