Recentemente si fa un grande parlare di Progressive Web App, noto come PWA.Ma di cosa si tratta esattamente? Proviamo a mettere ordine ai concetti legati a PWA e, in questo articolo di Daniele Bochicchio, analizziamo cos'è PWA, cosa ci serve per sviluppare applicazioni moderne e ...

Quando vogliamo aggiungere un metodo a una classe esistente dobbbiamo usare una funzionalità di TypeScript nota come module augmentation. Vediamo prima il codice e poi lo analizziamo.declare global { interface String { formatByPosition(...values: any[]): string; }}String....

Molto spesso capita di dover creare pulsanti con un HTML complesso per dare la possibilità di aggiungere icone a destra o sinistra del test, per dare uniformità di stile o per aggiungere determinati comportamenti. Per evitare di scrivere codice HTML duplicato per ogni pulsante, ...

Molto spesso capita che a seconda delle scelte dell'utente dobbiamo mostrare o meno una sezione di una pagina. Questo è vero soprattutto quando selezioniamo una checkbox o quando selezioniamo una voce da una dropdown. Grazie al motore di binding di Angular e alle template ...

Bootstrap ha sempre dato la possibilità di creare addon prima e dopo gli input. Con Bootstrap 4 il modo di creare gli addon cambia rispetto alla versione precedente. Con la versione 4, gli addon e il controllo di input devono sempre essere inclusi in un div con classe input-group...

Nello script #226 abbiamo visto come utilizzare la direttiva ngStyle per aggiungere a un tag HTML l'attributo style con alcuni stili CSS. In questo script facciamo la stessa cosa ma utilizando una funzionalità diversa: lo style binding. Questa funzionalità ci permette di mettere ...

Nella maggior parte dei casi, la classe css che applichiamo a un controllo è più che sufficiente a stilizzarlo. Tuttavia, esistono casi in cui in vogliamo applicare anche degli stili inline tramite l'attributo HTML style in base a determinate condizioni. Angular ci permette di ...

Bootstrap prevede un grid layout dove ogni riga può essere suddivisa in un massimo di 12 colonne. Quando creiamo una colonna, dobbiamo decidere quante colonne questa occupa tramite una classe css. Per fare un esempio, se diamo a una colonna la classe col-lg-12, questa occuperà ...

La versione 4 di Bootstrap permette di avere dei contenuti che possono essere resi visibili o invisibili con un'animazione utilizzando solamente codice HTML (senza quindi dover scrivere codice JavaScript). Per prima cosa, dobbiamo crere un div e assegnargli la classe css collapse...

In JavaScript abbiamo sempre avuto a disposizione la sintassi try/catch per intercettare gli errori. Il blocco catch assegna l'eccezione ad una variabile che poi possiamo utilizzare ne nostro codice. Una delle nuove funzionalità delle ultime versioni di ECMAScript è che possiamo ...