HTML 5 | Programmatore HTML5 | Programmatore PHP | Programmatore MySQL | Guida HTML5 | Sviluppo Applicazioni Web | Sviluppo Siti Internet

Programmatore HTML5 e LocalStorage



L’HTML5 è un linguaggio per la progettazione di pagine web in fase di sviluppo, che ha come obiettivo quello di definire nuove funzionalità  non previste fino ad ora se non tramite embed esterni.

HTML5 probabilmente verrà completamente definito entro qualche anno, ecco perché come Web Developer/Programmatore PHP MySQL e cerco di studiarne le funzionalità e le potenzialità già disponibili sulle recenti versioni dei nostri Browser.

Una delle funzionalità più interessanti per un Programmatore PHP che utilizza i Database è la possibilità di gestire e utilizzare i Local Storage, cioè dei veri e propri Database Locali che vengono salvati dal Browser (Client) piuttosto che dal Server, molto più completi dei Cookie, sia in termini di dimensioni (5Mb) sia in termini di carico del server, poiché questi generano meno traffico.

I LocalStorage sono già disponibili in tutte le ultime versioni dei Browser e ho già utilizzato tali queste strutture dati per Sviluppo di WebApps,SitiMobile o per particolari funzionalità come versioni personalizzate dei siti internet già visitati oppure funzioni di autosave nei propri backoffice.

In questa Mini Guida HTML5 vedremo come un Programmatore Javascript può salvare, recuperare e stampare a video un informazione precedentemente salvata in un Local Storage:

<script type="application/javascript">
//Controllo se il mio Browser supporta i Local Storage
if (typeof(localStorage) == 'undefined' ) {
alert('Il Tuo Browser non supporta i Local Storage.');
}else{
//Se non è settata la chiave visita setto l'oggetto
if(localStorage.getItem("visita")==null){
document.write("Ciao, Non eri ancora stato in questa pagina");
localStorage.setItem("visita","Bentornato, hai gia' visitato questa pagina");
//salvo nel database locale l'associazione chiave&lt;=&gt;valore
}else{
//Se sono già stato in questa pagina mi ricordo
document.write(localStorage.getItem("visita"));
}

}
</script>

Se visiteremo la pagina d’esempio, vedremo che la prima volta ci dirà che non abbiamo mai visitato questa pagina, la seconda volta (provare con F5/Aggiorna) invece si ricorderà di noi.

Questo ovviamente è un esempio banale, ogni Sviluppatore/Programmatore potrà utilizzare e ampliare tale esempio, ricordando che i local storage come i cookie possono essere cancellati tramite la pulizia del browser e che a differenza dei cookie non esiste una scadenza, ma le chiavi vengono cancellate tramite il comando localStorage.removeItem(key);

PER ULTERIORI INFORMAZIONI:

Daniele Tabacco
Programmatore PHP | Web Developer | Consulente Web e SEO

PHP - MySql - AJAX - HTML5 - JAVASCRIPT - CSS - JSON/XML - JQuery
WebApps, Applicazioni, Realizzazione Siti Mobile per iPhone e Android
Programmatore PHP - Consulente Web Marketing Napoli, Roma, Milano, Firenze.
Tel.+39 329.11.73.918
email: daniele.tabacco[at]gmail.com
skype: daniele.tabacco

Il tuo nome (richiesto)

La tua email (richiesto)

Oggetto

Il tuo messaggio

captcha
Inserisci i caratteri che vedi nell'immagine

 


POTREBBE INTERESSARTI ANCHE:
Script PHP per l'upload dei File via FTP utile ad ogni Programmatore PHP che voglia utilizzare un accesso FTP per l'upload di file.
Ridurre la frequenza di rimbalzo? Questo script può essere un idea utile per un Programmatore Javascript, cercando di proporre altri contenuti interessanti.
L'esempio vivente di come in altri paesi i concetti del Web Marketing sono stati correttamente applicati, come l'utilizzo di QRCode, Foursquare, Twitter e Facebook
Un Programmatore vi illustrerà i vantaggi di affidarsi ad un Programmatore Freelance per lo sviluppo del proprio progetto web
Realizzare un Sito Web con un Design Responsive, vuol dire realizzare un prodotto compatibile con le diverse tipologie di soluzioni Mobile e quindi merita la giusta importanza tra i Web Developer


buzzoole code
Leggi altro:
Inserire Markers utilizzando API Google Maps

Questo Breve esempio di funzionalità delle API Google Maps ci mostrerà come poter inserire dei Markers sulle nostre Google Maps,...

Chiudi