Mitt upplägg
Jag har utfört uppgiften enligt följande:
Utförda steg
- Klonat min Parcel boilerplate
- Kopplat till ett nytt GitHub-repo
- Installerat och konfigurerat Parcel för bygg- och utvecklingsmiljö
- Rensat gammal Git-historik
- Initierat en ny versionshantering
- Kopplat projektet till Netlify för automatisk deployment
- Hämtat JSON-data med
fetch() - Hanterat fel med
try/catch - Byggt och renderat en tabell med kursdata dynamiskt från JSON
- Implementerat tre sorteringsordningar vid klick på kolumnrubriker (asc, desc och default)
- Implementerat live-sökning, samt sökning vid Enter eller tryck på Sök-knappen samt påverkar sorteringen.
- Implementerat en Rensa-knapp
- Implementerat en status-rad för sökning och träffar
- Implementerat aria-live uppdateringar för skärmläsare
UI/UX-förbättringar
- Förbättrad tabelllayout med responsiv design
- Highlight för den sorterade kolumnen med pilar
-
Tillgänglighetsanpassning med
aria-live, :focus-effekter, aria-live="polite", debounce och fokus som ligger kvar medan Sökfältet är aktivterat - Anpassad placeholder-stil i sökrutan
Versionshantering
- Regelbundna commits med tydliga meddelanden
-
Arbetat med feature-branch
feature-api-call-1och merge tillmain - Publicerat kod på GitHub och kopplat till Netlify