/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.

Primary LanguageJavaScript

Gestor de Contenido para Animales Salvajes

Resumen del proyecto:

Este proyecto es un gestor de contenido que permite a los usuarios registrar información sobre animales salvajes.

Tecnologías front-end:

  • HTML5: Utilizado para estructurar el contenido de las páginas web.
  • CSS3: Utilizado para estilizar y diseñar la presentación del contenido web.
  • JavaScript: Utilizado para agregar interactividad y funcionalidades dinámicas a la página.
  • jQuery: Biblioteca de JavaScript utilizada para simplificar la manipulación del DOM y manejar eventos.
  • Bootstrap: Framework de CSS utilizado para el diseño responsivo y la creación rápida de interfaces de usuario.

Otras tecnologías:

  • Font Awesome: Biblioteca de iconos utilizada para agregar iconografía a la interfaz de usuario.
  • Google Font API: Utilizado para cargar fuentes personalizadas en la página web.
  • HTTP/2: Protocolo de red utilizado para mejorar el rendimiento y la seguridad de la comunicación entre el cliente y el servidor.
  • Popper.js: Biblioteca utilizada para gestionar la posición de los elementos emergentes y las superposiciones.
  • Open Graph: Protocolo utilizado para agregar metadatos a las páginas web y mejorar su visualización en las redes sociales.
  • Google Hosted Libraries: Servicio utilizado para alojar bibliotecas de JavaScript y CSS de uso común.
  • jsDelivr: CDN utilizado para distribuir contenido web, incluidas bibliotecas de JavaScript.
  • jQuery CDN: CDN utilizado para distribuir la biblioteca jQuery.
  • Cloudflare: Servicio de red de entrega de contenido y seguridad web utilizado para mejorar el rendimiento y la seguridad del sitio.

Características:

  • Registro de información sobre animales salvajes (nombre, edad, imagen, sonido, comentarios).
  • Visualización de la información registrada en tarjetas con imagen, nombre, edad, audio y botón para reproducir el sonido.
  • Validación de la información ingresada en el formulario de registro.
  • Almacenamiento de la información en un array.
  • Generación de HTML dinámico para mostrar la información registrada.
  • Uso de patrones de diseño como "Factory Method" y "Observer".
  • Manipulación del DOM para mostrar y actualizar la información en la página.

Imagen:

  • imagen

Enlaces: