Evaluación: Web Fundamentals

Recursos

• Diseño en Figma

Requerimientos

El desafío fue crear una página web para la evaluación individual.

Creación de paginas

Siguiendo el diseño en Figma, se construyó y estilizó usando CSS las siguientes páginas:

• index.html: Página principal con links al resto de páginas

• diagramas.html: Descripción de cuatro ejercicios relacionados a la creación de Diagramas VV

• funciones.html: Descripción de cuatro ejercicios relacionados a la implementación de funciones y clases.

• dom.html: Descripción de dos ejercicios relacionados a la creación de elementos interactivos usando JavaScript.

Adicionalmente el proyecto base ya contaba con la página test.html que contiene el resultado de la ejecución de los tests descritos en funciones.test.js para los cuales se obtuvieron los siguientes resultados:

Resolución de los ejercicios

• Para el caso de los diagramas VV, se incluyó una imagen de cada diagrama en diagramas.html
• Para las funciones, se implementaron las funciones en el archivo funciones.js y luego se copiaron los textos de los resultados en funciones.html según se indicó.
• Para los componentes web interactivos como el Tooltip y el Formulario, se crearon los archivos JavaScript tooltip.js y formulario.js y se cargaron en dom.html y as mostrar las Demo de los elementos en el lugar indicado.

Para ver el proyecto

• Clona el repositorio.
• Abre en tu navegador el archivo index.html
• Navega por las diferentes páginas.

Fecha de entrega

Mayo 2024