Tento príklad je už je trochu iný. Kým prvé tri viac predstavovali, ako vysvetľovali, toto je prvý z príkladov, ktoré menej ukážu, ale o to viac vysvetlia. A tento krát je kód aj okomentovaný, aby bol text dával o to väčší zmysel.
Tento príklad je “vrcholom” z zmysle, že kým v prvom sme si predviedli vykreslenie vymyslených údajov AJAX-om, v druhom už to boli reálne údaje získavané v reálnom čase cez WebSockets, tak v tomto príklade si vykreslujeme údaje tiež v reálnom čase, ale tento krát vlastné, s pomocou Firebase.
V predošlom príklade sme si tabuľku plnili AJAX-om falošnými údajmi. V tomto teda budeme modernejší a budeme si vykreslovať reálne údaje a dokonca v reálnom čase, pomocou WebSockets technológie. Konkrétne to budú kurzy krypto mien Bitcoin, Litecoin a Ethereum, prevzaté z Bitstamp.net.
Keď už sme v predchádzajúcom článku s tabuľkami začali, lepšie povedané v druhej časti skončili príkladom so znovu použiteľným komponentom, ktorý vykresloval dve nezávislé tabuľky s rôznymi údajmi, tak prvý z praktických príkladov bude nečakane …
V predchádzajúcej časti som nadškrtol myšlienku nahradiť jQuery frameworkom Vue, ale kydajúc na jQuery som sa ani len nedostal k sľúbenému príkladu, nieto ešte k vysvetleniu, prečo to má podľa mňa zmysel. A tak začnem z ostra – hneď v úvode tohoto dielu to napravím. Ide sa na príklad s tabuľkou, tento krát s Vue…
Tento článok venujem predovšetkým programátorom, ktorí pri tvorbe web stránok používajú na front-ende zatiaľ len čisté HTML, CSS a JavaScript + jQuery, avšak aj bez ohľadu na aktuálne trendy sami cítia, že to nestačí a treba sa posunúť sa ďalej. Len ktorým smerom sa vydať? React? Angular? Vue? Meteor? Ember? Polymer? Riot? Knockout?