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

Namų darbas — tavo lentelė

Namų darbas — tavo kolekcijos lentelė.

  1. Pastatyk lentelę. Sukurk js/views/collection.js su renderCollection (pagal getFilteredFavorites + puslapiavimas). Į state.js pridėk getFilteredFavorites, setSort, setPage. Prenumeruok (jei dar nedarei) — lentelė persipiešia pati.
  2. Rikiuok. Spaudi stulpelius; tas pats stulpelis apverčia kryptį. Rodyklė (/) rodo dabartinę tvarką.
  3. Puslapiuok. Su daugiau nei pageSize įrašų atsiranda puslapių mygtukai; jie keičia pjūvį.
  4. Atkurk sort spąstą. Laikinai pakeisk [...rows].sort(...) į rows.sort(...) (tiesiogiai state.favorites). Surikiuok, perkrauk — kolekcija liko perrikiuota (saugoma tvarka sugadinta). Grąžink [...rows].
  5. Paieška + puslapis. Kolekcijos paieška turi grįžti į 1 puslapį (kad nepasimestum tuščiame puslapyje).

Privalomi testai:

  • Rikiavimo testas: stulpelio paspaudimas rikiuoja; pakartotinis — apverčia.
  • Mutacijos testas: su [...rows] po perkrovimo išlieka pradinė tvarka.

Atsiskaitymui: ekrano nuotraukos: (1) surikiuota lentelė su rodykle, (2) puslapiavimas, (3) įrodymas, kad state.favorites po rikiavimo nepasikeitė (DevTools).

Toliau. Lentelė veikia. 11 pamokoje — formos ir validacija: pernaudojamos taisyklės, tikri nustatymai (kurie išsaugomi ir keičia programą) ir subtili validacijos progresija (submit → blur → keystroke), plius realus CSS spąstas su input[type].