Je suis donc à la recherche d'un bon cours accéléré sur localstorage et d'interagir avec lui en Javascript. Je veux construire une webapp de liste de choses à faire avec quelques fonctionnalités supplémentaires mais ce serait juste pour 1 utilisateur. Je ne veux pas jouer avec php/mysql et faire faire n'importe quoi au serveur. Liens vers des tutoriels seraient mieux :-DJavascript + HTML5 localstorage
Aucune expérience personnelle, mais je n'ai rencontré ce lien aujourd'hui: http://www.w3avenue.com/2010/05/07/html5-unleashed-tips-tricks-and-techniques/
Quels liens à ceci: http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-learning-about-html5-local-storage/
Amusez-vous!
Il y a la documentation officielle:
http://dev.w3.org/html5/webstorage/
Pour une démonstration rapide avec le code: http://html5demos.com/storage également plus de démos html5 à la racine de ce site.
Remarque il y a aussi des choses comme le YUI 2 Storage Utility qui font abstraction du stockage pour vous (HTML 5, Google Gears, SWF) en fonction de ce que le navigateur prend en charge:
L'utilitaire de stockage fournit un mécanisme pour le stockage important quantités de données textuelles, côté client, si votre navigateur prend en charge la spécification HTML 5 Storage proposée.
Je recommanderais l'une des autres questions posées ici sur la façon de stocker des objets dans localStorage. Cela m'a beaucoup aidé dans la mise en place d'un éditeur de code capable de stocker plusieurs fichiers et le dernier état de l'utilisateur.
The stackoverflow question
Les deux réponses affichées sont très utiles.
Certaines choses à prendre en considération:
Ce petit didacticiel/extrait de code m'a aidé à démarrer.
est ici un cours de l'accident de l'accident, j'ai trouvé très utile. Il explique un tas de concepts HTML5, y compris localStorage, tag vidéo, sites Web hors connexion, formulaires, emplacements, canevas, et plus encore.
Store Data
//Syntax
localStorage.setItem(Key,Value);
Depuis HTML5 est pas partout encore, apprécier la recommandation de la couche d'abstraction pour un meilleur support de l'application Web (mise à jour: YUI a déménagé à [la version 3] (http: // yuilibrary.com/)). Il y a aussi un [vieux hack] (http://www.thomasfrank.se/sessionvars.html) qui a sa part de verrues mais pourrait être utile avec les anciens navigateurs. – moodboom
[L'abstraction de jQuery] (http://www.jquerysdk.com/api/jQuery.localStorage) revient aux cookies. – moodboom