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

Junior / Senior Java Backend Software Engineer

JOB Position: Java Backend Software Engineer Contract type: TPP, Contract Location: Bratislava Salary Junior: 1500 EUR/Brutto Salary Senior: 2200 EUR/Brutto Rate: 3000 -4000 EUR/monthlyPrimary Job...

Senior Sieťový Špecialista

PRÁCA Pozícia: Sieťový špecialista Pracovný pomer:  TPP Miesto práce: Bratislava, on-site Plat: od 1700+ EUR/Brutto/mesačneHlavné zodpovednosti:Navrhuje architektúru, štruktúru a IP adresácie multiplatformových LAN/MAN/WAN sietí ...

Data Mining Expert

PRÁCA Pozícia: Data Mining Expert Pracovný pomer:  TPP Miesto práce: Bratislava, on-site Plat: od 2000+ EUR/Brutto/mesačneAké výzvy ťa čakajú?Vynikajúca pracovná príležitosť pre nadšenca práca...

Artificial Intelligence Consultant

JOB Position: Artificial Intelligence Consultant Contract type: Full-Time Location: Bratislava Salary: 2000 EUR/Brutto/monthsResponsibilities:conceptual processing and development of the new solutions in the area e.g....

Artificial Intelligence Expert

JOB Position: Artificial Intelligence Expert Contract type: Full-Time Location: Bratislava Salary: 2000 EUR/Brutto/monthsSuccessful adaptation of technologies like machine learning, deep learning, artificial inteligence will determine companies...

Senior Front-end / Angular Developer / Tvorba serverovej a aplikačnej logiky

PRÁCA Pozícia: FE/ Angular developer Pracovný pomer:  TPP, živnosť Miesto práce: Bratislava, Prievidza, Žilina Plat: od 1700+ EUR/Brutto/mesačneNáplň práce:Spolupráca na vývoji SW...

Senior .NET/Angular developer

PRÁCA Pozícia: .NET/Angular developer Pracovný pomer:  TPP Miesto práce: Bratislava, on-site Plat: od 1700+ EUR/Brutto/mesačneČo bude Vašou náplňou práce:spolupodieľanie sa na vývoji SW riešenia...

Campus cowork

Campus cowork je medzinárodný coworking v Bratislave s dvoma lokáciami. Campus MLYNY...

Čo sme stihli v roku 2019

Každý rok je niečím špeciálny a rok 2019 nie je výnimkou. V...

Srdečne ťa pozývame na stretnutie DDD Community – Analýza domény

Na začiatku nového roka sa zameriame na analytické uchopenie domény pomocou DDD....

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