Nello scorso script abbiamo visto come grazie ai DevTools di chrome abbiamo la possibilità di identificare il codice inutilizzato. Oggi invece li utilizzeremo per aiutarci a capire cosa avviene nella pagina attraverso dei messaggi in console. Nello specifico andremo a utilizzare ...

Ad oggi l'esecuzione di chiamate HTTP in un framework frontend è spesso delegato a librerie e/o componenti interni, i quali cercano di proporre la metodologia più rapida ed efficace per arrivare a eseguire una richiesta HTTP. Per fare un esempio, basta pensare a HttpClient in @...

In JavaScript esiste un metodo chiamato reduce. Rilasciato nel lontano 2011 con ECMAScript 5 insieme ai ben più noti map, filter o indexOf, è molto meno utilizzato e spesso incompreso nella sua funzionalità, ma permette di scrivere all'interno di un unica riga operazioni ben più ...

Nella versione 102 di Chrome, troviamo nuove specifiche per l'interazione delle PWA con il file system, rendendo un'applicazione web sempre più simile a una nativa. Tali modifiche sono già disponibili anche su altri browser.Per arrivare a ciò, non dovremmo agire solo sul codice, ...

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 ...

In JavaScript le variabili possono essere dichiarate in tre differenti modi che, anche se molto simili, presentano differenze importanti riguardo al contesto di utilizzo. Vediamo queste modalità nel dettaglio.varDefinendo una variabile con var, stiamo riservando un'area di ...

L'utilizzo dei parametri nell'url, noti anche come query parameters, è una pratica molto diffusa soprattuto nel mondo delle web API. Grazie ad essi si definiscono dei filtri o dei parametri aggiuntivi al semplice url.Ma i query parameters sono molto importanti anche sul lato ...

ES2019 introduce la possibilità di effettuare operazioni utilizzando il Nullish coalescing, consentendo di estrarre un dato da un oggetto controllando prima che non sia nullo.Questa sintassi permette di facilitare la scrittura di codice e al tempo stesso aumentarne la leggibilità...

Durante la progettazione di un sito web, ci troviamo a inserire varie immagini all'interno del layout; immagini che possono essere statiche, dinamiche o modificabili dall'utente. In tutte le varianti disponibili, una cosa rimane costante: la possibilità che l'immagine non esista...

All'interno dello script #368 abbiamo analizzato come sia possibile riordinare il codice JavaScript in più file, o ES module, che possiamo richiamare grazie all'utilizzo della keyword import. Questo non è il solo meccanismo che abbiamo a disposizione: abbiamo infatti anche la ...