Jednostranična aplikacija (SPA)
Jednostranična aplikacija je web aplikacija koja učitava jednu HTML stranicu i dinamički ažurira sadržaj dok korisnik interagira s njom, bez potrebe za ponovnim učitavanjem cijele stranice.
Jednostranična aplikacija (SPA) je web aplikacija koja se učitava jednom, a zatim dinamički ažurira dok korisnici navigiraju kroz nju. Umjesto tradicionalnog pristupa gdje svaki klik učitava potpuno novu stranicu s poslužitelja, SPA preinačuje trenutnu stranicu novim podacima, stvarajući glatko iskustvo slično aplikaciji. Kada prvi put posjetite SPA, preglednik preuzima HTML, CSS i JavaScript aplikacije.
Nakon tog početnog učitavanja, sve daljnje interakcije događaju se putem poziva JavaScript API-ja koji dohvaćaju podatke i ažuriraju sadržaj stranice bez potpunog osvježavanja. Zato aplikacije poput Gmaila, Google Mapsa i Trela djeluju tako brzo i odzivno. SPAs se obično grade pomoću JavaScript okvira kao što su React, Angular ili Vue.js.
U praksi
- Gmail je jedna od najpoznatijih SPAs: možete čitati, sastavljati i pretraživati e-poštu bez da se stranica ikada potpuno osveži
- Alat za upravljanje projektima izgrađen kao SPA vidio je 40% veći angažman korisnika jer su sučelje s povlačenjem i ispuštanjem te trenutačna ažuriranja učinili upravljanje zadacima gotovo neprimjetnim
- Financijska nadzorna ploča SPA omogućuje analitičarima trenutačno prebacivanje između različitih prikaza podataka i vremenskih razdoblja, u usporedbi s 2-3 sekunde vremena učitavanja stranice njihove prethodne tradicionalne web aplikacije
- Online alat za dizajn (poput Figme ili Canve) izgrađen kao SPA omogućuje suradnju u stvarnom vremenu gdje više korisnika vidi promjene odmah bez osvježavanja stranice
Više o: Izrada web stranica
- Responzivni dizajn
- Progressivna web aplikacija (PWA)
- Jednostranična aplikacija (SPA)
- Server-side rendering (SSR)
- Generiranje statičkih stranica (SSG)
- API (sučelje programiranja aplikacija)
- CMS (Sustav za upravljanje sadržajem)
- Headless CMS
- Verzioniranje koda
- CI/CD (Neprekidna integracija / Neprekidna isporuka)
- JavaScript okvir
- TypeScript
Niste sigurni kako se ovo odnosi na vas?
Senior inženjer pregledava vašu web stranicu, vašu prisutnost u pretraživanju i način na koji upiti dolaze do vas, a zatim bilježi tri stvari vrijedne popravka prvo. Dokument zadržavate u svakom slučaju.