Blog SPA 1. časť: Web bez reloadov

SPA 1. časť: Web bez reloadov

Jednou z najotravnejších čŕt webu je neustále čakanie. Kliknete na odkaz v menu a čakáte, kým sa stránka načíta. Omyl? Kliknete inam a opäť čakáte. Stále nič? Čo tak použiť vyhľadávacie pole a opäť čakať?

Na neustále čakanie našťastie existuje liek. Sú ním čoraz populárnejšie Single Page Applications v skratke SPA. Ak ste si všimli, že Facebook a Gmail sú narozdiel od iných webov ultra rýchle, vedzte, že to nie je náhoda – oba sú SPA.

Filozofiou SPA je žiadne ďalšie načítavanie. Stránka sa načíta práve raz, pri jej prvom navštívení. Akúkoľvek ďalšiu interakciu, prekresľovanie, načítavanie, spracovávanie formulárov rieši Javascript v browseri. Treba komunikovať so serverom? Na to slúži AJAX.

Ak ste niekedy pridávali na stránku trochu AJAXu na zrýchlenie, tak dokážete precítiť tú hĺbku – celá stránka je jeden pekelne rýchly Javascript. Ako je príjemné, keď stránka reaguje svižne, si môžete vyskúšať na tomto jednoduchom deme.

Spraviť dobrú Single Page Application však obnáša oveľa viac, ako napísať pár riadkov kódu v jQuery. Užívatelia chcú naďalej

  • mať históriu prehliadania
  • mať možnosť poslať známym link (na kúpené sushi)
  • po stlačení reload tlačidla ostať tam, kde sú, neocitnúť sa v počiatočnom stave
  • nájsť stránku vo vyhľadávači

Vyriešiť poriadne uvedené problémy nie je nemožné, no ani triviálne. Navyše, ako rastie množstvo riadkov kódu v Javascripte, prichádzajú problémy s udržateľnosťou kódu. Stoja pred Vami otázky:

  • Ako organizovať desiatky tisíc riadkov dlhý Javascript do viacerých súborov?
  • Ako testovať Javascript?
  • Ako generovať veľa HTML kódu v Javascripte?
  • Ako spraviť dobrý objektový návrh pre Javascriptovú aplikáciu?
  • Ako zabrániť memory-leakom v Javascripte?
  • Existuje nejaký dobrý framework, ktorý by sa hodilo použiť?

Odpovede na tieto otázky, tipy a rady pri vývoji SPA sa nezmestia do jedného článku. Budem Vám ich najbližších pár týždňov prinášať formou seriálu. Začíname na budúci týždeň, zatiaľ čau!


Dobrý článok? Chceš dostávať ďalšie?

Už viac ako 6 200 ITečkárov dostáva správy e-mailom. Nemusíš sa báť, nie každé ráno. Len občasne.



Súhlasím so spracovaním mojich osobných údajov. ( Viac informácií. )

Tvoj email neposkytneme 3tím stranám. Posielame naňho len informácie z robime.it. Kedykoľvek sa môžeš odhlásiť.

Cloud Administrátor / REMOTE

Máš pocit, že chceš ísť ďalej? Možno práve v tomto období je ten správny čas. Hľadáme Cloud Administrátora.Práca je...

Integračný Administrátor

Poď sa učiť od profesionálov! Pre medzinárodnú spoločnosti, ktoré sa venujú vývoju databáz hľadáme integračného administrátora.Práca je REMOTE, na...

PL/SQL Developer – REMOTE

Čo tak par mesiacov zamakať z domu a užívať si slobodu? Pre jednu z najväčších spoločnosti, ktoré sa venujú...

.NET Core Developer / REMOTE

Svoju budúcnosť máš vo svojich rukách, skús to teraz ako .NET Core developer. Ide o startup projekt, ktorý vyvíja...

.NET/PLSQL Architect

Rozmýšľaš o práci ako .NET/PLSQL Architect? Je tu možnosť na zmenu, možno hľadáme práve teba.Práca je v nadnárodnej softvérovej...

.NET/C# Developer

Možnosť zmeniť prácu je práve teraz, hľadáme .NET/C# Developera.Práca je v nadnárodnej softvérovej spoločnosti s kanceláriou v Bratislave. Je...

Java Software Architect

Medzinárodná IT spoločnosť, ktorá vyvíja softvér pre banky a poisťovne v západnej Európe hľadá človeka na pozíciu Java Software...

Multibank – študentský projekt FIIT STU, TP CUP 2020

Študentský projekt v súťaží TP Cup - Multibank si dal za cieľ vytvoriť aplikáciu, ktorá vám dá...

Stanovisko Slovensko.Digital k prehodnoteniu projektov eGovernmentu

Doteraz boli veľké štátne IT projekty vedené podobne, ako ich neslávne známy...

How to spot and defend against adversaries’ movements in your network

Dátum: 6 - 7. OKTÓBER 2020 Miesto konania: Ponteo Activity Park, Rusovce...

Čítaj ďalej:

Dobrý článok? Chceš dostávať ďalšie?

Už viac ako 6 200 ITečkárov dostáva správy e-mailom. Nemusíš sa báť, nie každé ráno. Len občasne.

Súhlasím so spracovaním mojich osobných údajov. ( Viac informácií. )

Tvoj email neposkytneme 3tím stranám. Posielame naňho len informácie z robime.it. Kedykoľvek sa môžeš odhlásiť.