Merge pull request #314 from longo-andrea/review/resource-loading

Review Resource loading: onload and onerror

Author: longo-andrea

2-ui/5-loading/03-onload-onerror/1-load-img-callback/source.view/index.html

@@ -7,24 +7,24 @@
 
   <script>
     function preloadImages(sources, callback) {
-      /* your code */
+      /* il vostro codice */
     }
 
-    // ---------- The test ----------
+    // ---------- Il test ----------
 
     let sources = [
       "https://en.js.cx/images-load/1.jpg",
       "https://en.js.cx/images-load/2.jpg",
       "https://en.js.cx/images-load/3.jpg"
     ];
 
-    // add random characters to prevent browser caching
+    // aggiungiamo caratteri casuali per evitare il caching da parte del browser
     for (let i = 0; i < sources.length; i++) {
       sources[i] += '?' + Math.random();
     }
 
-    // for each image,
-    // let's create another img with the same src and check that we have its width immediately
+    // per ogni immagine,
+    // creiamo un'altra img con la stessa src e verifichiamo di avere immediatamente la sua larghezza
     function testLoaded() {
       let widthSum = 0;
       for (let i = 0; i < sources.length; i++) {
@@ -35,7 +35,7 @@
       alert(widthSum);
     }
 
-    // every image is 100x100, the total width should be 300
+    // ogni immagine è 100x100, la larghezza totale dovrebbe essere 300
     preloadImages(sources, testLoaded);
   </script>
 

2-ui/5-loading/03-onload-onerror/article.md

@@ -1,10 +1,10 @@
 # Caricamento delle risorse: onload e onerror
 
-Il browser permette di tracciare il caricamento di risorse esterne -- script, iframe, immagini e così via.
+Il browser permette di tracciare il caricamento di risorse esterne: script, iframe, immagini e così via.
 
 Esistono 2 eventi per tracciare il caricamento:
 
-- `onload` -- caricato con success,
+- `onload` -- caricato con successo,
 - `onerror` -- si è verificato un errore.
 
 ## Caricamento di uno script
@@ -20,7 +20,7 @@ script.src = "my.js";
 document.head.append(script);
 ```
 
-...Ma come possiamo eseguire la funzione dichiarata all'interno di quello script? Dobbiamo attendere finché lo script sia caricato e solo allora possiamo chiamare la funzione. 
+...Ma come possiamo eseguire la funzione dichiarata all'interno di quello script? Dobbiamo attendere la fine del caricamento dello script e successivamente chiamare la funzione. 
 
 ```smart
 Per i nostri script dovremmo utilizzare i [moduli JavaScript](info:modules) in questo caso, ma non sono largamente adottati dalle librerie di terze parti.
@@ -151,7 +151,7 @@ Ci sono tre livelli di accesso cross-origin:
 3. **`crossorigin="use-credentials"`** -- accesso consentito se il server manda indietro l'header `Access-Control-Allow-Origin` con la nostra origine (dominio) e `Access-Control-Allow-Credentials: true`. Il browser manda i dati e i cookie sull'autenticazione al server remoto.
 
 ```smart
-Può approfondire l'accesso cross-origin nel capitolo <info:fetch-crossorigin>. Descrive il metodo `fetch` per le richieste di rete, ma la policy è esattamente la stessa.
+Puoi approfondire l'accesso cross-origin nel capitolo <info:fetch-crossorigin>. Descrive il metodo `fetch` per le richieste di rete, ma la policy è esattamente la stessa.
 
 Ad esempio i "cookies" sono un argomento fuori dal nostro attuale ambito, ma puoi leggere informazioni a proposito nel capitolo <info:cookie>.
 ```