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

Namų darbas — kai tinklas klysta

Namų darbas — sutvarkyk visas būsenas.

  1. Tipizuotos klaidos. Sukurk js/errors.js su AppError ir keturiomis klaidomis + toMessage. Perrašyk api.js request(), kad mestų jas pagal statusą.
  2. Keturios būsenos. Atnaujink renderGallery, kad apdorotų isLoading / error / tuščią / įkeltą. main.js sek isLoading, error, pictures ir paduok juos.
  3. media_type. Pridėk vaizdo šaką į card.js. Įkelk 30 dienų ir rask bent vieną „📹 Video" kortelę.
  4. Atkurk vaizdo spąstą. Laikinai pašalink media_type patikrą (img.src = pic.url visada). Vaizdo dieną pamatysi sulūžusią nuotrauką. Grąžink patikrą.
  5. Kvotos klaida + Retry. Perkraudinėk iki 429. Turi matyti aiškią žinutę („~30 per hour… get your own key") ir „Retry" mygtuką, ne tuščią ekraną.

Privalomi testai:

  • Būsenų testas: matai „Loading", tada nuotraukas; sustabdęs internetą — klaidą su „Retry".
  • media_type testas: vaizdo diena rodo „📹 Video", ne sulūžusią nuotrauką.

Atsiskaitymui: ekrano nuotraukos: (1) „📹 Video" kortelė, (2) kvotos klaida su „Retry" mygtuku.

Toliau. Galerija tvirta. 7 pamokoje pridėsim paiešką rašant — ir naują laisvą kintamąjį searchQuery. Sužinosim, kodėl perpiešti kiekvienu klavišo paspaudimu blogai, ir kas iš tikrųjų yra „debounce".