cbenaventte / Animales-Salvajes

Crear clases con herencias/ Exportar e importar módulos/ Crear funciones autoejecutables IIFE/ Crear funciones async / await/ Crear instancias de clases/ Obtener y modificar elementos del DOM

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Animales-Salvajes

Descripción En Australia se están realizando investigaciones con algunos animales salvajes y necesitan crear un sitio web que permita registrar los comentarios de los investigadores. En esta prueba deberás crear una aplicación web que permita agregar en una tabla los animales en investigación, utilizando el paradigma POO para la creación de las instancias que representen los diferentes animales con sus atributos y métodos.

Recomendaciones: ● Levantar el sitio web con la extensión “Live Server” para poder ocupar las importaciones/exportaciones de ES6. ● Declarar en la importación de tu script el atributo type=”module”. ● Utiliza todos los métodos de los Arrays que creas conveniente en las diferentes situaciones con las que te encontrarás en el desarrollo de esta prueba. ● Mantén un código ordenado y declarativo. ● Utilizar la etiqueta “audio” de HTML.

Requerimientos

  1. Crear las clases representadas en el diagrama implementando la herencia indicada.
  2. Crear las instancias de las clases utilizando los datos del formulario.
  3. Realizar una consulta asíncrona utilizando una función async/await para obtener las imágenes correspondientes a los animales.
  4. Realizar por lo menos una función autoejecutable IIFE.
  5. Dividir el código en módulos
  6. Utilizar la manipulación del DOM para mostrar en la tabla los animales registrados con el formulario.
  7. Validar que el usuario haya asignado todos los datos del animal antes de que éste sea agregado a la tabla.
  8. Devolver el formulario en un estado inicial luego de registrar a cada animal.
  9. Programar la interacción del botón de audio, en donde deberás reproducir el sonido del animal en el sitio web.
  10. Mostrar el detalle de cada animal en una ventana modal al ser presionada su imagen.

About

Crear clases con herencias/ Exportar e importar módulos/ Crear funciones autoejecutables IIFE/ Crear funciones async / await/ Crear instancias de clases/ Obtener y modificar elementos del DOM


Languages

Language:JavaScript 54.7%Language:HTML 38.8%Language:CSS 6.5%