Blog SPA 1. časť: Web bez reloadov

SPA 1. časť: Web bez reloadov

reload

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ť.

Samuel Hapák
Samuel Hapákhttp://vacuumlabs.com
Zaujímam sa o webové technológie, opensource a najnovšie trendy v IT. Momentálne je mojou vášňou všetko okolo Single Page Applications a Dartu. Vo voľnom čase sa venujem fyzike a organizovaniu stredoškolských fyzikálnych táborov. Ak máte chuť pokecať o IT, alebo len tak skočiť na pivo, napíšte mi email.

IT Analytik/čka

IT Analytik/čka | Bankovníctvo | TPP | Bratislava Pracuj pre NAJ zamestnávateľa v oblasti bankovníctva na mobilnej aplikácií s množstvom...

Frontend/ React Developer

Pracuj podľa vlastných pravidiel, slobodne a kreatívne. Pre Frontend Developera máme 12+ mesačný projekt pre prepravnú spoločnosť. Práca je na...

Backend / .Net, C# Developer

Pracuj podľa vlastných pravidiel, slobodne a kreatívne. Pre Backend Developera máme 12+ mesačný projekt pre prepravnú spoločnosť. Práca je na...

C/C++ Developer

Chce to niečo výnimočné? Zmeň prostredie a získaj nadšenie z práce! Spoločnosť, ktorá vyvíja hardvérové čipy hľadá C/C++ Developera. Zakladateľ...

Data Scientist / REMOTE

Pre mladý startup vyvíjajúci softvér, ktorý prispieva hráčom k lepšiemu zážitku z hrania, hľadáme Data Scientist. Založili ho dvaja...

IT Aplikačný Architekt

Chceš stabilné zamestnanie, vychutnávať si skvelý kolektív a mať priestor na realizáciu svojich riešení? Pre spoločnosť pôsobiacu v energetike...

Front End Developer

Pracuj na svetovom SW produkte, ktorý je používaný miliónmi používateľov! Firma rýchlo rastie a vyvíja nové features. Poznáme ich prostredie...

Máte vo firemných stretnutiach chaos? Česká firma našla riešenie, teraz s aplikáciou dobývajú svet

Vyvíjajú ju v Českej republike, pracujú na nej aj hendikepovaní kolegovia a používajú ju firmy v rôznych krajinách sveta....

Ondrej Kubovič – Digitálna bezpečnosť a riziká na internete

Tentokrát sme sa porozprávali s Ondrejom Kubovičom, špecialistom v spoločnosti ESET na populárnu tému digitálnej bezpečnosti. Ondrej nám uviedol...

Slovenskí tvorcovia hier dosiahli v roku 2020 rekordný obrat 72 miliónov EUR, zamestnávali 870 ľudí

Slovenský herný priemysel nezastavila ani pandémia, v roku 2020 opäť výrazne rástol. Podľa štatistík Slovak Game Developers Association prekonal...

Čí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ť.