Videocast: TurboTip 14 - HTML5 localStorage

Dnes sa pohráme s localStorage a spravíme jednoduchý todo list bez použitia databázy.

720p, do it!

TurboTip 14 - HTML5 localStorage

skús demo » stiahni kód »

Links:
:: 5 Obscure Facts About HTML5 LocalStorage
:: Local Storage And How To Use It On Websites

Tools:
:: store.js
:: jStorage

Vo videu používam Sublime Text 2 - pozri si môj videocast o tomto editore.

ak ma chceš podporiť, behni na yablko.sk a možno spravím nový seriál či dva:)

Sledujte yablka skrz twitter - @yablko - pre informácie o nových videách, humor, ktorý baví len jeho a občasné nervové zrútenie.

* * *

Páči sa ti Yablkov TurboTip?

Roman Hraška

Robí s webom a občas o tom napíše. Nekomplikuje jednoduché a snaží sa neznieť príliš dôležito, pretože nie je. Medzi jeho záľuby patria jeho záľuby a tautológia. Nájdeš ho na brm.sk a obsmŕda aj na twitteri, ako @yablko.

Skús moje seriály: Nauč sa jQuery, Nauč sa CodeIgniter a Yablkov TurboTip. Ak ma chceš dohnať k tvorbe nových seriálov, behni na yablko.sk :)

Hodnoť článok:
1 0

27 komentárov k článku:

Komentovať môžu iba prihlásení

Zaregistruj sa cez bezplatnú registráciu alebo použi login cez Facebook (FB Connect)

Prihlás sa tu, ak už máš profil na Zajtra.sk:

0 0 Roman Hraška 9.2.2012 13:28:11
http://stackoverflow.com/questions/3220660/local-storage-vs-cookies
...a cookies majú limit 4KB, localStorage 5MB...

0 0 Michal Hadár 9.2.2012 13:12:12
aky je rozdiel z hladiska pouzitelnosti medzi local storage a cookies? :)

0 0 Marcel Zúbrik 8.2.2012 07:04:40
@Peter Payter Gašparík: Jasné, niečo také už je, napr. http://jquerybyexample.blogspot.com/2011/12/auto-save-form-using-jquery-and-html-5.html

@mhp: vďaka za info - robím na tom po kvapkách, má to ešte mušky :)

@Roman Hraška: Takéto súkromné komentáre by som nasadil na sme.sk, pravda.sk a podobné mainstream servery - väčšine prispievateľov by tam stačilo čítať iba svoje príspevky a obmedzilo by to "flame wars" :D

0 0 Roman Hraška 7.2.2012 23:35:30
aké odznaky?

0 0 - 7.2.2012 21:32:53
@Marcel: jeeej, prepac mi, to bolo pre Jozefa, som sa sekol ;) .

btw, maly bug report: som sa pozrel na tu stranku a ked som presiel mysou ponad tie 3 "odznaky", preslo mi to v urcitom bode do takeho stavu, ze sa to nejak "zacyklilo" a menilo stale dokola

0 0 Peter Payter Gašparík 7.2.2012 18:36:53
@Bokos: myslíš autocomplete? troška vysvetli lebo nevidím v tom význam

0 0 Bokos 7.2.2012 17:56:54
Pekne :). Možno by si mohol zbúchať nejaké pekné ajaxové hľadanie :).

0 0 Peter Payter Gašparík 7.2.2012 13:55:19
@Marcel Zúbrik: myslíš skôr plugin do jQuery ;) a inak dalo by sa to na par riadkov spraviť pomocou jQuery + store.js, ani plugin netreba pripadne uz take nieco bude hotove, nemyslim ze sme prvi co na take nieco prisli ;)

0 0 Marcel Zúbrik 7.2.2012 12:55:52
@mph: tak som tomu PHP a SQL venoval pár minút a urobil som na skúšku takú stránku ... http://climbersroutes.com/ skús ju pozrieť, či sú tie základy použiteľné :)

@Peter Payter Gašparík: parádny nápad - vlastne autosave. Thumbs up! Už to len nakódovať ako knižnicu :)

0 0 Peter Payter Gašparík 7.2.2012 12:31:44
mňa napadá jediné rozumné využitie a to napr. pri písaní nejakej správy ukladať všetky údaje celého formulára ako "draft", keď napr sa user pomýli a zavre browser tak po znovuotvorení mu do formularu vbehnú také údaje, ktoré tam boli naposledy a po odoslaní formuláru sa localstorage vymaze... napada niekoho ešte nejaké rozumné využitie?

0 0 - 7.2.2012 09:50:10
@Marcel: ak mozem poradit, tak sa neboj/nevahaj naucit php/ruby/c#/... + sql, tak ci tak to budes pri weboch potrebovat. potom s tym mozes to jquery spojit a spravit pre uzivatela take komentare, ze to bude zazitok pouzivat ;).

0 0 Roman Hraška 7.2.2012 09:46:05
hej, to je tiež drobná nevýhoda, že by to boli súkromné komentáre:) ale tak niekomu môže aj toľko stačiť:)

tož, budem musieť nejaký ten donate zriadiť, chystajte peňaženky, bitches

0 0 Marcel Zúbrik 7.2.2012 09:31:16
@Jozef - ak chceš aby to videli viacerí, nevyhneš sa ukladaniu na server. Ale pre nejaký plugin na osobné poznámky pri danom webe by to išlo (napr. v spojení s qtip).

0 0 Jozef Kucera 7.2.2012 07:57:52
@Marcel - hm prakticky asi k nicomu len som mal taku myslienku :D:D.. teda uz dlsie hladam ci sa da s jquery vytvorit jednoduche pridavanie kometov bez pouzitia php + databaza..

0 0 Marcel Zúbrik 7.2.2012 06:57:45
@Jozef - k čomu by slúžili komentáre, ktoré by si mohol vidieť iba ty (keďže by boli uložené v localStorage)? To by neboli komentáre, ale osobné poznámky (tam by sa nejaké využitie našlo).

@Roman - na babranie s DVDčkom kašlať, každý si to vie posťahovať z YouTube. Ale keby si mal niekde PayPall tlačidlo, pošlem ti 5 eur. :)

0 0 Jakub Vrabec 6.2.2012 23:14:08
ja si objednávam dva kusy DVD :)

0 0 Roman Hraška 6.2.2012 20:43:33
a potom pozorne sledovať ako si ho NIKTO nekupuje:)

0 0 Jozef Kucera 6.2.2012 20:16:19
Jj cez localStorage .. Teda tych 5 MB je pomene dost pokial by neslo o masivny naval komentarov ... Ale na jednoduche okomentova ie nejakeho clanku (cca 10 komentov) by to bolo super :)Skus nieco zbuchat.
BTW : za chvilu mozes vydat DVD jquery tutorialy.

0 0 Roman Hraška 6.2.2012 19:21:44
tož, mohol by si dáta ukladať a odkazovať na ne podľa IDčka článku, ale pozor na ten 5MB limit.. a určite aj ďalšie nevýhody a problémy by sa našli, ale spraviť by to šlo

ak teda hovoríš o komentároch cez localStorage

0 0 Jozef Kucera 6.2.2012 19:16:24
parada :-).. hah bolo by mozne pomocou jquery vytvorit jednoduche pridavanie komentarov k clanku? nieco ako je toto kde teraz pisem?
Samozrejme jednoduchsie "meno + komentar" a nic viacej :-)
Popripade ukladanie komentarov do .txt dok.