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

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

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

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

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

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

L'utilizzo di file JavaScript e CSS è facile e funzionale all'interno di applicazioni web: possiamo scrivere degli stili e funzioni che modificano l'aspetto di tutta la pagina. Ma cosa accade quando facciamo modifiche alla parte HTML, cambiando classi o rimuovendo elementi? Molto...

Per poter capire le Higher-Order functions in JavaScript è bene partire da un esempiofunction calcola(numeri) { let totale = 0; for (const num of numeri) { totale = totale + num; } return totale;}calcola([1, 1, 1]); Quella appena presentata è una normale funzione a cui ...

Il mondo degli sviluppatori JavaScript è sicuramente il più colorito: non si smette mai di imparare e troviamo sempre novità, anche se a volte bisogna bisogna riuscire a distinguere una cosa interessante da una utile. Questo è il caso della keyword with, usata per creare un ...

Dagli script precedenti abbiamo imparato a utilizzare tutte le varie sfaccettature delle promise, ma dobbiamo tenere presente che per la programmazione asincrona abbiamo a disposizione anche le keyword async/await. Quando è giusto usare l'una o l'altra versione?Una risposta ...