Ejercicios de práctica con , y

Ejercicio 1

Crear un con el título: "Formulario de Datos Personales".

Debe contener los siguientes inputs:
- nombre
- apellido
- email
- fecha de nacimiento
- país de residencia

Y tres botones con el texto: "enviar", "estilo 1" y "estilo de alto contraste".

Ejercicio 2

Partiendo del formulario del Ejercicio 1, agregar la funcionalidad, para que al hacer click en el botón "Estilo de alto contraste", se modifique el estilo del formulario para tener alto contraste.

Ejercicio 3

Partiendo del formulario del Ejercicio 2, agregar las validaciones a los campos ingresados. y la funcionalidad del envío del formulario.

Ejercicio 4

A partir del formulario elaborado para la tarea 1, se pide:

1 - Detallar los pasos que realizan para poder cargar el mismo

2- Indicar para cada campo cuales son los valores válidos y cuales inválidos. ¿Se realiza esa validación de alguna forma?

3 - Realizar una exploración del formulario y verificar si mediante el lector de pantalla NVDA pueden acceder a cada campo mediante la tecla TAB y completa el mismo. ¿Hay algún campo o acción que no resulte accesible?

Ejercicio 5

Buscar 2 servicios de hosting en internet.

Identificar si es gratuito y en ese caso que limitaciones tiene o si ofrece un modelo de pago por servicios. Si no es gratuito o corresponde a una empresa, identificar si se trata de una empresa nacional o extranjera y en qué moneda se realizan los pagos. Identificar los servicios ofrecidos por la empresa en función de los criterios mencionados tomando en cuenta si la contratación es mensual o anual. Por último, realizar una comparación entre los dos servicios explorados.

Ejercicio 6

Retomar el ejercicio del formulario de registro de las primeras clases y adaptarlo utilizando Bootstrap.

Deberán realizar las validaciones correspondientes y asegurar los campos obligatorios.

Explorar la posibilidad de pensar en 3 resoluciones: notebook, Tablet y celular de 7”.

Ejercicio 7

Tarea en duplas: Crear una página utilizando Bootstrap y los elementos que hemos visto durante las últimas dos clases. La página debe incluir lo siguiente: Barra de Navegación con un menu con al menos tres secciones: Inicio, Perfil, y Contacto, Carrusel de Imágenes con al menos tres imágenes representativas en la sección de "Inicio", Tarjeta de perfil crear una tarjeta con una imagen de perfil, tu nombre como título y una breve descripción acerca de tu persona en el cuerpo de la tarjeta (pueden agregar un botón para ver más información) y Formulario de Contacto.

Ejercicio 8

Trabajo integrador - Desarrollo de un sitio web para una tienda online
Desarrollar un sitio web responsivo para una tienda online que permita a los usuarios explorar los productos desde diferentes dispositivos, como computadoras de escritorio, tablets y celulares (3 resoluciones).
- Página principal que muestra los productos destacados y las promociones actuales de la tienda.
- Páginas de categorías que permiten a los usuarios explorar productos por categorías específicas
- Página de detalles del producto
- Utilización de Git para el control de versiones