📖 Teorija
Namų darbas — tavo lentelė
Namų darbas — tavo kolekcijos lentelė.
- Pastatyk lentelę. Sukurk
js/views/collection.jssurenderCollection(pagalgetFilteredFavorites+ puslapiavimas). Įstate.jspridėkgetFilteredFavorites,setSort,setPage. Prenumeruok (jei dar nedarei) — lentelė persipiešia pati. - Rikiuok. Spaudi stulpelius; tas pats stulpelis apverčia kryptį. Rodyklė (
▲/▼) rodo dabartinę tvarką. - Puslapiuok. Su daugiau nei
pageSizeįrašų atsiranda puslapių mygtukai; jie keičia pjūvį. - Atkurk
sortspąstą. Laikinai pakeisk[...rows].sort(...)įrows.sort(...)(tiesiogiaistate.favorites). Surikiuok, perkrauk — kolekcija liko perrikiuota (saugoma tvarka sugadinta). Grąžink[...rows]. - 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].