Tema
/
Interneto svetainių kliento dalies kūrimas JS
📖 Teorija

Namų darbas — tavo raktas ir tavo meniu

Namų darbas — tavo raktas ir tikri duomenys.

  1. Sukurk js/api.js su request() (su response.ok patikra) ir fetchPictures(days). Į utils.js pridėk formatDateParam. main.js — asinchroninis load().
  2. Įkelk tikras nuotraukas. Serviruok ir patikrink: „Loaded 14 pictures. Newest: …". Tai jau tikri NASA duomenys.
  3. Pasiimk savo raktą. api.nasa.gov → užsiregistruok (nemokamai) → įrašyk savo raktą į config.js vietoj DEMO_KEY. Dabar perkraudinėk kiek nori — riba nebekankins.
  4. Atkurk response.ok spąstą. Laikinai URL sugadink (pvz. apodapodX). Su response.ok patikra gausi aiškų „The API returned 404". Užkomentuok patikrą — gausi paslaptingą JSON analizės klaidą (nes bandai klaidos puslapį skaityti kaip JSON). Grąžink patikrą.

Privalomi testai:

  • Įkėlimo testas: su veikiančiu raktu matai tikras nuotraukas.
  • response.ok testas: sugadinus URL gauni aiškų statusą, ne JSON lūžį.

Atsiskaitymui: ekrano nuotraukos: (1) „Loaded … Newest: …" su tavo raktu, (2) The API returned 404 sugadinus URL.

Toliau. Turim tikrus duomenis — bet tik tekstą. 5 pamokoje sudėsim juos į galeriją: daug kortelių tinklelyje, efektyviai (DocumentFragment), su tingiai kraunamomis nuotraukomis (IntersectionObserver).