Skip to content

Latest commit

 

History

History
46 lines (31 loc) · 1.94 KB

File metadata and controls

46 lines (31 loc) · 1.94 KB

shieldsIO shieldsIO shieldsIO

WideImg

Master en Programación de Aplicaciones con JavaScript y Node.js

JS, Node.js, Frontend, Express, Patrones, IoT, HTML5_APIs, Asincronía, Websockets, ECMA6, ECMA7

Clase 22

Ejercicios

1 - Refactorizaremos el ejercicio anterior para ofrecer al cliente un dashboard con la listas disponibles en Books API. Especificaciones:

  • Debes incluir una animación mientras esperamos la carga del contenido.
  • Al cargar la web deben de aparecer todas las listas con los siguientes datos:
    • Nombre completo de la lista
    • La fecha del libro más antiguo en la lista
    • La fecha del libro ultimo incorporado
    • La frecuencia de actualización
    • Un link para poder cargar la lista.
  • Al pinchar en el link de una lista especifica el DOM debe cambiar e incluir los siguientes datos:
  • Un bontón para volver atras y recargar la disposición anterior
  • Los libros deben estar organizados según el orden de la lista oficial
  • Debes incluir la carátula del libro
  • Debes incluir la cantidad de semanas que lleva en la lista
  • Debes incluir la descripción
  • Debes incluir el titulo y la posición que ocupa en la lista ( #1 titulo.... #2 titulo....)
  • Debes incluir el link para poder comprar el libro en amazon (debe abrirse en otra pestaña)

Concepto:

  • Dashboard:

NYTimes.png

  • Dentro de una lista:

NYTimes.png

Solución