HTML (HyperText Markup Language) y CSS (Cascading Style Sheets) son tecnologías fundamentales para la creación de páginas web. HTML se utiliza para estructurar y definir el contenido de un sitio web, organizando elementos como textos, imágenes, enlaces y formularios a través de etiquetas. CSS, por otro lado, se encarga de la presentación y el diseño visual de la página, permitiendo aplicar estilos como colores, fuentes, márgenes, y disposición de los elementos. Mientras HTML establece la estructura básica, CSS le da estilo y apariencia, trabajando en conjunto para crear experiencias web visualmente atractivas y funcionales.
Haciendo uso de las imagenes de muestras de la carpeta «plantilla», realizar:
JavaScript es un lenguaje de programación interpretado que se utiliza principalmente en el desarrollo web para crear páginas dinámicas e interactivas. Permite a los desarrolladores implementar funcionalidades complejas, como actualizar contenido en tiempo real, controlar multimedia, animar imágenes y validar formularios, todo esto ejecutándose en el navegador del usuario. Además, JavaScript puede interactuar con HTML y CSS para manipular la estructura y el estilo de una página web, lo que lo convierte en una herramienta esencial para mejorar la experiencia del usuario y hacer que los sitios web sean más atractivos y funcionales.
La api publica The Simpsons Quote API, nos permite obtener de forma aleatoria un listado de frases de los personajes de los Simpsons con algunos datos de ellos, como es su nombre y una imagen representativa del personaje.
Requerimientos
Se solicita que se muestren un total de 50 personajes ( puede haber personajes repetidos pero no frases ) distribuidos en paginas, cada una de ellas deberá contener 6 elementos o personajes. Para esto deberá realizar una paginación que condicione el listado de personajes.
El bloque que represente al personaje deberá mostrar la imagen, el nombre y la frase del mismo.
Opcional
En ambos casos, como la petición retorna un listado aleatorio no importa que el total de personajes se acorte, pero esto no debe influenciar a la paginación.
Para el diseño del sitio puede utilizar el framework de su agrado, aunque se valora utilizar css vanilla.