Nelle SPA (Single Page Application) troviamo una gestione delle pagine indipendente dall'url: l'aggiornamento dell'url non corrisponde con un ri-caricamento della pagina, ma il layout viene modificato e/o aggiornato attraverso funzioni JavaScript. All'interno di un framework la ...

L'utilizzo di un template è una pratica comune in tutti i framework SPA: creando una parte di codice, essa può essere replicata e riutilizzata all'interno di una o più sezioni della pagina. La medesima pratica può essere utilizzata anche all'interno di una normale pagina html ...

Nei precedenti script abbiamo trattato le strutture Map e Set. La prima è da utilizzare come dizionario chiave/valore, mentre la seconda per una lista di oggetti unici ordinati. In questo script, aggiungiamo anche le strutture WeakMap e WeakSet che svolgono la medesima funzione, ...

Nello script #377 abbiamo analizzato alcune microfunzioni che possono tornarci utili quando dobbiamo interagire con liste di oggetti o valori.I metodi sono stati scritti in modo da poter essere il più generici possibile e condivisibili tra progetti. Nello script di oggi vediamo ...

Utilizzando i browser moderni è possibile salvare i più svariati dati per renderli disponibili offline. In altri script abbiamo trattato argomenti come IndexedDB o l'utilizzo di LocalStorage e SessionStorage. A questi andiamo ad integrare le Cache API.Come si può intuire dal nome...

Abbiamo già parlato in passato di Bootstrap e di quanto faciliti la creazione di layout.L'esempio di oggi consiste nel creare la classica form, che tipicamente in passato veniva ricreata attraverso delle tabelle, utilizzando solo stili: Nome

CSS3 consente di controllare in modo molto preciso lo sfondo degli elementi della pagina.Tra le nuove proprietà introdotte troviamo background-clip che consente di specificare quale sarà l'area interessata dallo sfondo. I valori disponibili sono: border-box: lo sfondo verrà ...

Boostrap introduce una serie di stili che possono essere applicati a qualsiasi tag (button, input, a o perfino uno span), per applicare effetti che ricordano un pulsante. In generale, è consigliabile utilizzare button, per avere una maggiore compatibilità cross-browser:Salva

Per la definizione delle dimensioni di un elemento (width, height, ecc.), delle spaziature (margin, padding, ecc.), dei bordi, della grandezza del testo e, più in generale, per tutte le proprietà che richiedano una lunghezza, possiamo specificare il valore desiderato usando ...

Negli script precedenti abbiamo visto le diverse possibilità offerte da CSS3 per impostare colori e lunghezze.Le specifiche di CSS3 definiscono anche le unità di misura disponibili per impostare angoli (usati ad esempio nel caso di trasformazioni), tempo (usato ad esempio per ...