Introduzione a JavaScript

<script>

Gestendo eventi come clic o inserimenti nel form.

Ritardi nella visualizzazione della pagina.

<p>defer e async.</p> Signup and view all the answers

<p>Permette di eseguire JavaScript sul server.</p> Signup and view all the answers

<p>Quando interagisce con l'HTML e manipola il DOM.</p> Signup and view all the answers

<p>Utilizzando il metodo addEventListener.</p> Signup and view all the answers

<p>Creazione di applicazioni eseguibili su computer.</p> Signup and view all the answers

<p><code>var</code> ha un ambito di funzione, mentre <code>let</code> ha un ambito di blocco.</p> Signup and view all the answers

<p>Le variabili dichiarate con <code>const</code> sono costanti e non possono essere riassegnate.</p> Signup and view all the answers

<p>I template literals, racchiusi nei backticks, consentono l'interpolazione delle variabili e supportano le stringhe multilinea.</p> Signup and view all the answers

<p>Si usa l'operatore <code>+</code> per concatenare le stringhe.</p> Signup and view all the answers

<p>I nomi delle variabili devono iniziare con lettere, $, o _, non possono iniziare con numeri e sono case sensitive.</p> Signup and view all the answers

<p>La sequenza di escape per un ritorno a capo è <code>\n</code>.</p> Signup and view all the answers

<p>Si utilizzano <code>/* commento */</code> per i commenti su più righe.</p> Signup and view all the answers

<p>Si può modificare un array dichiarato con <code>const</code> utilizzando metodi come <code>push()</code> per aggiungere elementi.</p> Signup and view all the answers

<p><code>alert()</code> può mostrare un messaggio che include variabili e operazioni interpolati all'interno della stringa.</p> Signup and view all the answers

<p>È importante per garantire l'accessibilità dei contenuti principali della pagina.</p> Signup and view all the answers

<p>In Camel Case la prima lettera è minuscola, mentre in Pascal Case è maiuscola.</p> Signup and view all the answers

<p>Restituisce null.</p> Signup and view all the answers

<p>Si usa per mostrare un messaggio in una finestra di pop-up.</p> Signup and view all the answers

<p>Il DOM rappresenta la struttura di una pagina web e permette di interagire con essa.</p> Signup and view all the answers

<p>Recupera un elemento HTML con un ID specificato.</p> Signup and view all the answers

<p>Chiede una conferma all'utente e restituisce vero o falso.</p> Signup and view all the answers

<p>Dipende da come i browser eseguono gli script in relazione al rendering della pagina.</p> Signup and view all the answers

<p>document.writeln() aggiunge un ritorno a capo dopo il testo inserito.</p> Signup and view all the answers

<p>Rende il codice più leggibile e comprensibile nel tempo.</p> Signup and view all the answers

<p>I principali problemi sono la deprecazione, la sovrascrittura del contenuto, le vulnerabilità di sicurezza e le prestazioni bloccanti.</p> Signup and view all the answers

<p>Chiamare document.write() dopo il caricamento della pagina cancella tutto il contenuto precedente della pagina.</p> Signup and view all the answers

<p>L'input dell'utente può essere utilizzato per inserire codice dannoso, come script JavaScript, portando a vulnerabilità come il Cross-Site Scripting (XSS).</p> Signup and view all the answers

<p>Una tecnica alternativa è l'uso di innerHTML, che permette di inserire contenuto HTML all'interno di un elemento specifico.</p> Signup and view all the answers

<p>L'esperienza può variare in base alla gestione dei pop-up e al modo in cui i browser puliscono il contenuto precedente prima di un nuovo document.write().</p> Signup and view all the answers

<p>La differenza principale riguarda la visibilità: var ha visibilità globale o di funzione, let ha visibilità a livello di blocco e const definisce una variabile a valore costante.</p> Signup and view all the answers

<p>Il 'strict mode' è una modalità in JavaScript che impone regole più rigide per evitare errori, come l'utilizzo di variabili non dichiarate.</p> Signup and view all the answers

<p>L'ECMAScript 5 ha introdotto nuove funzionalità significative, come il 'strict mode', che hanno migliorato la qualità e la sicurezza del codice JavaScript.</p> Signup and view all the answers

<p>Le funzioni possono essere dichiarate come funzioni tradizionali, funzioni anonime e arrow functions (ES6).</p> Signup and view all the answers

<p>Se una variabile viene dichiarata senza una parola chiave, diventa globale, il che può portare a conflitti e errori di scoping.</p> Signup and view all the answers

<p>I tipi speciali includono null, undefined e NaN; null rappresenta l'assenza di un valore, undefined indica una variabile non definita e NaN indica che un'operazione non è un numero valido.</p> Signup and view all the answers

<p>L'uso di document.write() è sconsigliato perché può causare problemi di caricamento della pagina e non è una pratica sicura o raccomandata per siti professionali.</p> Signup and view all the answers

<p>I tipi di dati primitivi (come numeri, stringhe, booleane) rappresentano valori singoli, mentre gli oggetti possono contenere più valori e funzioni, agendo come strutture complesse.</p> Signup and view all the answers

<p>Dichiarare variabili in modo esplicito aiuta a ridurre gli errori di tipo e migliora la leggibilità e la manutenibilità del codice.</p> Signup and view all the answers

<p>L'operatore (==) verifica solo l'uguaglianza di valore, mentre (===) verifica anche l'uguaglianza di tipo.</p> Signup and view all the answers

<p>Restituisce true perché i valori sono diversi e di tipi differenti.</p> Signup and view all the answers

<p>Il risultato è true perché entrambi sono considerati equivalenti nell'uguaglianza di valore.</p> Signup and view all the answers

<p>Restituisce true solo se entrambe le condizioni sono vere.</p> Signup and view all the answers

<p>Restituisce true perché 2 è presente nell'array.</p> Signup and view all the answers

<p>Inverte il valore booleano; true diventa false e viceversa.</p> Signup and view all the answers

<p>È importante per evitare comportamenti imprevisti dovuti alla conversione di tipo.</p> Signup and view all the answers

<p>Restituisce true perché null è equivalente a undefined.</p> Signup and view all the answers

<p>Verifica se due valori sono diversi, indipendentemente dal loro tipo.</p> Signup and view all the answers

<p>Il metodo <code>innerHTML</code> è utilizzato per inserire contenuto dinamico.</p> Signup and view all the answers

<p>È importante per comprendere come i browser supportano le funzionalità e reagiscono al codice.</p> Signup and view all the answers

<p>L'evento <code>onclick</code> attiva una funzione quando un elemento viene cliccato.</p> Signup and view all the answers

<p>Può risultare in comportamenti non desiderati se non gestiti correttamente.</p> Signup and view all the answers

<p>Il rischio consiste nel sovrascrivere contenuti esistenti della pagina e creare vulnerabilità.</p> Signup and view all the answers

<p>Il supporto delle funzionalità aumenta o cambia con le nuove versioni dei browser.</p> Signup and view all the answers

<p>Modifica solo il contenuto specificato, senza influenzare il resto della pagina.</p> Signup and view all the answers

<p>La funzione <code>cambiaContenuto()</code> è utilizzata per aggiornare la pagina al clic.</p> Signup and view all the answers

<p>L'interazione consente di migliorare l'esperienza dell'utente e l'interattività della pagina.</p> Signup and view all the answers

<p>Restituisce <code>null</code>, indicante che l'elemento non esiste nel DOM.</p> Signup and view all the answers

<p>Sovrascrive l'intero contenuto della pagina, causando comportamenti indesiderati.</p> Signup and view all the answers

<p>Genera un errore se una variabile non è stata dichiarata con var, let o const.</p> Signup and view all the answers

<p>Per garantire un codice più robusto e meno soggetto a errori.</p> Signup and view all the answers

<p>Interagire con la console del browser per il debugging e la registrazione di messaggi.</p> Signup and view all the answers

<p>console.error() segnala errori in rosso, mentre console.warn() segnala avvisi in arancione.</p> Signup and view all the answers

<p>Inizia un gruppo di messaggi per organizzare output nella console.</p> Signup and view all the answers

<p>Viene generato un errore nella console.</p> Signup and view all the answers

<p>Consente ai motori JavaScript di ottimizzare meglio il codice, migliorando le prestazioni.</p> Signup and view all the answers

<p>Fornisce informazioni generiche, senza evidenziare errori o avvisi.</p> Signup and view all the answers

<p>In modalità strict, genera un errore poiché non è stata dichiarata.</p> Signup and view all the answers

<p>1</p> Signup and view all the answers

<p>81</p> Signup and view all the answers

<p>8</p> Signup and view all the answers

<p>7</p> Signup and view all the answers

<p>Aumenta la leggibilità del codice.</p> Signup and view all the answers

<p>Una sequenza di caratteri.</p> Signup and view all the answers

<p>JavaScript converte automaticamente tra stringhe e oggetti stringa.</p> Signup and view all the answers

<p>Non può essere riassegnata.</p> Signup and view all the answers

<p>8</p> Signup and view all the answers

<p>4</p> Signup and view all the answers

<p>&quot;n = 52&quot;</p> Signup and view all the answers

<p>Le parentesi forzano l'operazione aritmetica prima della concatenazione, quindi viene calcolato 5 + 2 e poi concatenato alla stringa.</p> Signup and view all the answers

<p>74</p> Signup and view all the answers

<p>10</p> Signup and view all the answers

<p>&quot;null&quot;</p> Signup and view all the answers

<p>&quot;javascript&quot;</p> Signup and view all the answers

<p>NaN</p> Signup and view all the answers

<p>Utilizzando <code>parseInt('123abc')</code>, che restituisce 123.</p> Signup and view all the answers

<p>123</p> Signup and view all the answers

<p>&quot;Script&quot;</p> Signup and view all the answers

<p>Il risultato è NaN perché 'abc' non può essere convertito in un numero.</p> Signup and view all the answers

<p>Il metodo <code>parseInt()</code> può convertire una stringa in un numero intero specificando una base numerica, come ad esempio 16 per l'esadecimale.</p> Signup and view all the answers

<p>La concatenazione di stringhe e numeri in JavaScript comporta la conversione automatica dei numeri in stringhe, risultando in una rappresentazione concatenata.</p> Signup and view all the answers

<p><code>parseFloat()</code> restituisce un numero a virgola mobile ignorando eventuali caratteri non numerici, mentre <code>Number()</code> converte una stringa interamente in un numero.</p> Signup and view all the answers

<p>NaN indica 'Not a Number' e può essere verificato utilizzando la funzione <code>isNaN()</code>, che restituisce true se il valore è NaN.</p> Signup and view all the answers

<p>Le conversioni esplicite sono raccomandabili per evitare comportamenti inattesi e garantire che il codice funzioni come previsto.</p> Signup and view all the answers

<p>JavaScript restituisce NaN se si tenta di convertire un valore non numerico utilizzando <code>Number()</code>.</p> Signup and view all the answers

<p>L'output è 'null' perché JavaScript converte automaticamente il valore null in una stringa per la visualizzazione nel pop-up.</p> Signup and view all the answers

<p>In un sistema con la virgola come separatore, <code>Number('2,3')</code> restituisce 2.3, mentre in un sistema che usa il punto potrebbe restituire NaN.</p> Signup and view all the answers

<p>Una variabile di tipo primario stringa è di tipo 'string', mentre un oggetto stringa creato con 'new String()' è di tipo 'object'.</p> Signup and view all the answers

<p>La concatenazione avviene con l'operatore '+', che può essere interpretato anche come operatore aritmetico, causando risultati ambigui nei calcoli.</p> Signup and view all the answers

<p>Il metodo 'parseFloat()' è usato per convertire una stringa in un numero a virgola mobile.</p> Signup and view all the answers

<p>Tipicamente restituirà NaN (Not a Number).</p> Signup and view all the answers

<p>NaN significa 'Not a Number', e può essere verificato usando la funzione isNaN().</p> Signup and view all the answers

<p>Utilizzando le parentesi per racchiudere l'operazione aritmetica.</p> Signup and view all the answers

<p>La funzione Number() restituisce una rappresentazione numerica della stringa.</p> Signup and view all the answers

<p>parseInt() ignora i caratteri non numerici dopo il primo numero e restituisce solo la parte intera.</p> Signup and view all the answers

<p>Se si sottrae un numero a una stringa, il risultato sarà NaN, poiché non può essere convertito in un numero.</p> Signup and view all the answers

<p>Le conversioni esplicite migliorano la chiarezza del codice e riducono il rischio di errori da conversioni automatiche indesiderate.</p> Signup and view all the answers

<p>&quot;object&quot;</p> Signup and view all the answers

<p><code>isNaN()</code> verifica se un valore è NaN, mentre <code>isFinite()</code> controlla se un numero è finito.</p> Signup and view all the answers

<p>L'istruzione <code>if-else</code> esegue determinate sezioni di codice in base al verificarsi di condizioni vere o false.</p> Signup and view all the answers

<p>Il valore <code>NaN</code> indica che una variabile numerica non è un numero valido.</p> Signup and view all the answers

<p><code>===</code> verifica sia il valore che il tipo, prevenendo conversioni automatiche non desiderate.</p> Signup and view all the answers

<p>Usando <code>typeof variabile === 'function'</code>.</p> Signup and view all the answers

<p>Restituisce <code>true</code>.</p> Signup and view all the answers

<p>Restituisce <code>false</code> in un confronto con <code>===</code> ma <code>true</code> con <code>==</code>.</p> Signup and view all the answers

<p>&quot;L'acqua è vapore.&quot;</p> Signup and view all the answers

<p>&quot;number&quot;</p> Signup and view all the answers

<p>true</p> Signup and view all the answers

<p>Utilizzando <code>isFinite(num)</code>.</p> Signup and view all the answers

<p>if (condizione) { // codice }</p> Signup and view all the answers

<p>false</p> Signup and view all the answers

<p>Si genera un'assegnazione anziché un confronto.</p> Signup and view all the answers

<p>true</p> Signup and view all the answers

<p>&quot;function&quot;</p> Signup and view all the answers

<p>Sono considerati uguali.</p> Signup and view all the answers

<p>false</p> Signup and view all the answers

<p>Restituisce NaN (Not a Number).</p> Signup and view all the answers

<p><code>parseInt()</code> converte in un numero intero, mentre <code>parseFloat()</code> converte in un numero a virgola mobile.</p> Signup and view all the answers

<p>Utilizzando la funzione <code>isNaN()</code>.</p> Signup and view all the answers

<p>Restituisce 255 e utilizza il sistema esadecimale.</p> Signup and view all the answers

<p>Restituisce NaN.</p> Signup and view all the answers

<p>Concatena i numeri come stringhe, dando l'output 'n = 52'.</p> Signup and view all the answers

<p>Per garantire il comportamento desiderato e ridurre la confusione nei risultati.</p> Signup and view all the answers

<p>Restituisce 0.</p> Signup and view all the answers

<p>Significa che qualsiasi valore passato sarà convertito in una rappresentazione stringa per l'affichage.</p> Signup and view all the answers

<p>Restituisce 'object'.</p> Signup and view all the answers

<p>Restituisce true, poiché la stringa 'test' non può essere convertita in un numero.</p> Signup and view all the answers

<p>Si verifica un errore di assegnazione; tMiss viene impostato a 100.</p> Signup and view all the answers

<p>Per verificare se un numero è finito e non è NaN, Infinity o -Infinity.</p> Signup and view all the answers

<p>Entrambi restituiscono false.</p> Signup and view all the answers

<p>Restituisce 'object'.</p> Signup and view all the answers

<p>Riferisce a come il programma prende decisioni e esegue istruzioni in base a condizioni.</p> Signup and view all the answers

<p>Per evitare conversioni di tipo implicite e garantire il confronto di valore e tipo.</p> Signup and view all the answers

<p>Restituisce true, indicante che undefined non è un numero.</p> Signup and view all the answers

<p>Restituisce true, poiché JavaScript converte 0 e false in valori equivalenti.</p> Signup and view all the answers

<p>La sintassi è <code>for (inizializzazione; condizione; azioneRipetitiva) { // Codice da eseguire }</code>.</p> Signup and view all the answers

<p>I vantaggi principali sono la sintassi concisa, la chiarezza dell'inizio e della condizione di terminazione e l'efficienza per cicli con un numero definito di iterazioni.</p> Signup and view all the answers

<p>La condizione viene valutata; se è true, il ciclo continua.</p> Signup and view all the answers

<p>L'azione ripetitiva viene eseguita alla fine di ogni iterazione, solitamente per aggiornare la variabile di controllo.</p> Signup and view all the answers

<p>L'inizializzazione avviene una sola volta all'inizio del ciclo.</p> Signup and view all the answers

<p>Una variabile di controllo è tipicamente definita nella parte di inizializzazione, come in <code>let i = 0</code>.</p> Signup and view all the answers

<p>L'output sarà le stringhe 'Iterazione numero: 0', 'Iterazione numero: 1', fino a 'Iterazione numero: 4'.</p> Signup and view all the answers

<p>Sono combinati l'inizializzazione, la condizione e l'azione ripetitiva.</p> Signup and view all the answers

<p>Significa che è particolarmente utile quando si conosce in anticipo quante volte si deve ripetere un'azione.</p> Signup and view all the answers

<p>Il ciclo for è progettato per iterare un numero definito di volte, mentre il ciclo while continua fino a quando una condizione è falsa.</p> Signup and view all the answers

<p>L'istruzione while valuta la condizione prima di eseguire il blocco di codice, mentre do-while garantisce l'esecuzione almeno una volta poiché valuta la condizione alla fine.</p> Signup and view all the answers

<p>Se la condizione è falsa, il blocco di codice all'interno del ciclo non verrà eseguito neanche una volta.</p> Signup and view all the answers

<p>L'operatore di decremento unitario (x--) riduce il valore della variabile di 1 dopo ogni iterazione del ciclo.</p> Signup and view all the answers

<p>Nel ciclo for, l'inizializzazione viene eseguita una sola volta, la condizione viene valutata ad ogni iterazione e l'azione ripetitiva avviene dopo ogni esecuzione del blocco di codice.</p> Signup and view all the answers

<p>Il prompt verrà visualizzato almeno una volta, anche se la condizione di uscita è già soddisfatta.</p> Signup and view all the answers

<p>L'output mostra il valore corrente della variabile ad ogni iterazione, per esempio, 'Iterazione numero: 0', 'Iterazione numero: 1', fino a 'Iterazione numero: 4'.</p> Signup and view all the answers

<p>È fondamentale prevenire cicli infiniti che possono bloccare l'esecuzione del programma.</p> Signup and view all the answers

<p>Si può creare un ciclo infinito, poiché la condizione di continuazione rimarrebbe sempre vera.</p> Signup and view all the answers

<p>Una sintassi corretta è fondamentale per evitare errori di esecuzione e garantire il corretto funzionamento del codice.</p> Signup and view all the answers

<p>Il ciclo while permette di ripetere operazioni finché una condizione specifica rimane vera, rendendolo flessibile per controllare situazioni dinamiche.</p> Signup and view all the answers

<p>La programmazione procedurale si basa su una sequenza di istruzioni, mentre l'OOP organizza il codice in oggetti che contengono proprietà e metodi.</p> Signup and view all the answers

<p>Le funzioni procedurali raggruppano istruzioni con uno scopo specifico, semplificando la riutilizzabilità e la manutenzione del codice.</p> Signup and view all the answers

<p>Una classe è un modello per creare oggetti, definendo proprietà e metodi che questi oggetti possiedono.</p> Signup and view all the answers

<p>Il metodo 'super()' chiama il costruttore della classe genitore, permettendo di inizializzare le proprietà ereditate.</p> Signup and view all the answers

<p>Le proprietà sono variabili associate a un oggetto e vengono utilizzate per memorizzare dati relativi a quell'oggetto.</p> Signup and view all the answers

<p>L'ereditarietà consente a una classe di estendere un'altra, ereditando le sue proprietà e metodi per favorire il riutilizzo del codice.</p> Signup and view all the answers

<p>Il metodo 'descrizione()' restituisce una stringa descrittiva del frutto, fornendo informazioni su nome e prezzo.</p> Signup and view all the answers

<p>Affronta la risoluzione di problemi attraverso l'implementazione di algoritmi scritti come una serie di istruzioni sequenziali.</p> Signup and view all the answers

<p>Organizzare il codice in moduli o funzioni facilita la leggibilità, la manutenzione e il riutilizzo del codice.</p> Signup and view all the answers

<p>'Il frutto è una arancia e costa 2 euro al chilo. Il colore è arancione.'</p> Signup and view all the answers

<p>La notazione a punto è più leggibile e utilizzata per nomi di proprietà noti, mentre quella con parentesi quadre è utile per nomi dinamici o contenenti caratteri non validi.</p> Signup and view all the answers

<p>Si può rimuovere una proprietà utilizzando l'operatore <code>delete</code>, seguito dal nome dell'oggetto e dalla proprietà da eliminare.</p> Signup and view all the answers

<p>Si utilizza il metodo <code>unshift()</code>, passando come argomento l'elemento da aggiungere.</p> Signup and view all the answers

<p>Il metodo <code>splice()</code> modifica un array aggiungendo o rimuovendo elementi specificati dagli indici forniti.</p> Signup and view all the answers

<p>Il metodo <code>pop()</code> restituisce l'ultimo elemento dell'array e lo rimuove da quest'ultimo.</p> Signup and view all the answers

<p>Il dinamismo consente di modificare la dimensione degli array durante l'esecuzione, facilitando l'aggiunta e la rimozione di elementi senza ridichiarare l'array.</p> Signup and view all the answers

<p>Si accede al primo elemento usando l'indice <code>0</code> e all'ultimo elemento usando l'indice <code>array.length - 1</code>.</p> Signup and view all the answers

<p>Le proprietà dinamiche possono essere aggiunte, modificate o rimosse dagli oggetti in qualsiasi momento durante l'esecuzione del programma.</p> Signup and view all the answers

<p>Un array può essere creato utilizzando le parentesi quadre <code>[]</code> e inserendo gli elementi separati da virgole, come <code>let frutti = ['mela', 'banana'];</code>.</p> Signup and view all the answers

<p>Il risultato sarebbe <code>['banana', 'arancia']</code>, poiché gli indici <code>1</code> e <code>3</code> indicano il trancio da estrarre.</p> Signup and view all the answers

<p>La notazione letterale è più semplice e leggibile.</p> Signup and view all the answers

<p>Si accede usando <code>frutti[0]</code>.</p> Signup and view all the answers

<p>Utilizzerei <code>numeri[1] = 42;</code>.</p> Signup and view all the answers

<p>Perché il costruttore può creare array con elementi vuoti e risulta meno chiaro.</p> Signup and view all the answers

<p>Si utilizza un ciclo for per percorrere gli indici dell'array e accedere a ciascun elemento.</p> Signup and view all the answers

<p>Restituisce ['mela', 'kiwi', 'arancia'].</p> Signup and view all the answers

<p>Si utilizza <code>let array = new Array(5);</code>.</p> Signup and view all the answers

<p>L'indice è 2.</p> Signup and view all the answers

<p>Utilizzando la proprietà <code>.length</code> dell'array.</p> Signup and view all the answers

<p>Restituisce 'undefined'.</p> Signup and view all the answers

<p>Il ciclo for...in itera sulle proprietà di un oggetto, mentre il ciclo for...of scorre gli elementi di una struttura iterabile.</p> Signup and view all the answers

<p>Il ciclo for...in è più opportuno per oggetti, mentre il for...of è indicato per array e altri oggetti iterabili.</p> Signup and view all the answers

<p>La sintassi è <code>for (let i in array) { // operazioni }</code>.</p> Signup and view all the answers

<p>Si itera sugli indici dell'array, che sono considerati proprietà numeriche dell'oggetto array.</p> Signup and view all the answers

<p>Il ciclo for...of può essere scritto come <code>for (let char of str) { // operazioni }</code> per iterare sui caratteri della stringa.</p> Signup and view all the answers

<p>Produrrà <code>a</code> e <code>b</code> come output, stampando i nomi delle proprietà dell'oggetto.</p> Signup and view all the answers

<p>Mostrerà un array con le stringhe <code>['test0', 'test1', 'test2', ..., 'test9']</code>.</p> Signup and view all the answers

<p>Il ciclo for...of non può essere utilizzato con oggetti non iterabili, come gli oggetti semplici.</p> Signup and view all the answers

<p>Il rischio principale è che il ciclo include le proprietà aggiuntive dell'oggetto, non solo gli elementi dell'array.</p> Signup and view all the answers

<p>La differenza principale è che var ha uno scope di funzione o globale, mentre let ha uno scope di blocco.</p> Signup and view all the answers

<p>Si genera un errore di tipo 'Identifier has already been declared'.</p> Signup and view all the answers

<p>Utilizzando Math.floor(Math.random() * 1001), si ottiene un numero intero casuale compreso tra 0 e 1000.</p> Signup and view all the answers

<p>Perché grazie all'hoisting, la dichiarazione della variabile è sollevata, ma non la sua assegnazione, quindi restituisce undefined se si tenta di accedervi prima della sua definizione.</p> Signup and view all the answers

<p>Il ciclo for...in itera sulle chiavi degli oggetti, mentre for...of scorre i valori effettivi degli elementi di un iterabile.</p> Signup and view all the answers

<p>Le variabili dichiarate con var hanno uno scope globale o di funzione, mentre quelle con let hanno uno scope di blocco, accessibili solo all'interno delle parentesi graffe.</p> Signup and view all the answers

<p>Memorizzare la lunghezza in una variabile evita calcoli ripetuti durante ogni iterazione del ciclo, migliorando quindi l'efficienza.</p> Signup and view all the answers

<p>Le dichiarazioni con var vengono sollevate all'inizio del loro scope e possono essere utilizzate prima della loro dichiarazione, mentre let viene sollevato ma non inizializzato, causando errori se utilizzato prima della dichiarazione.</p> Signup and view all the answers

<p>Il ciclo for...of itera su ogni carattere della stringa, permettendo di accedere ai valori uno per uno.</p> Signup and view all the answers

<p>Si genera un errore perché le variabili let non sono accessibili al di fuori del blocco in cui sono state dichiarate.</p> Signup and view all the answers

<p>Il ciclo for...in è consigliato quando si desidera iterare sulle proprietà di un oggetto, mentre for...of è più adatto per iterare sugli elementi di strutture iterabili come array e stringhe.</p> Signup and view all the answers

<p>Utilizzare lo stesso nome per variabili dichiarate con var e let nello stesso scope può generare errori e comportamenti inaspettati, poiché var permette la ridefinizione mentre let no.</p> Signup and view all the answers

<p>Il for...of è generalmente più efficiente con gli array poiché scorre direttamente sui valori senza dover accedere alle chiavi o agli indici.</p> Signup and view all the answers

<p><code>for...in</code> scorre le chiavi degli oggetti, mentre <code>for...of</code> scorre i valori degli array.</p> Signup and view all the answers

<p>Può includere proprietà aggiuntive ereditate dal prototipo o altre proprietà, portando a risultati inaspettati.</p> Signup and view all the answers

<p>I parametri mancanti assumono il valore <code>undefined</code>.</p> Signup and view all the answers

<p>Si può verificare se i parametri sono <code>undefined</code> e fornire un messaggio o un valore di default.</p> Signup and view all the answers

<p>Rappresenta un oggetto simile a un array che contiene tutti gli argomenti passati a una funzione.</p> Signup and view all the answers

<p>Ignora i parametri in eccesso a meno che non si utilizzi l'oggetto <code>arguments</code> per accedervi.</p> Signup and view all the answers

<p>Restituisce <code>false</code> perché <code>b</code> è <code>undefined</code>, e quindi <code>a &lt; undefined</code> è sempre falso.</p> Signup and view all the answers

<p>Un oggetto può essere definito tramite un costruttore o direttamente mediante coppie chiave-valore in <code>{}</code>.</p> Signup and view all the answers

<p><code>this</code> è utilizzato per assegnare le proprietà dell'oggetto che viene creato con il costruttore.</p> Signup and view all the answers

<p>Restituisce un'email formata dal nome in minuscolo e dalla matricola dello studente.</p> Signup and view all the answers

<p>La notazione puntata utilizza il nome della proprietà direttamente, mentre la notazione con parentesi quadre richiede la proprietà tra virgolette.</p> Signup and view all the answers

<p>Può farlo utilizzando l'assegnazione diretta come <code>oggetto.nuovaProprietà</code> o <code>oggetto.nuovoMetodo = function() { ... }</code>.</p> Signup and view all the answers

<p>Le variabili dichiarate con 'var' hanno uno scope di funzione, mentre 'let' ha uno scope di blocco. Inoltre, 'let' non permette la ridefinizione nella stessa area di scope.</p> Signup and view all the answers

<p>Assegnare la lunghezza a una variabile evita il calcolo ripetuto di <code>array.length</code>, migliorando le prestazioni del ciclo.</p> Signup and view all the answers

<p>Il ciclo for...in scorre le chiavi delle proprietà di un oggetto, mentre il ciclo for...of scorre i valori degli elementi di un array o di oggetti iterabili.</p> Signup and view all the answers

<p>Genera un errore, poiché 'let' non consente la ridefinizione della stessa variabile nello stesso scope.</p> Signup and view all the answers

<p>Il 'hoisting' solleva la dichiarazione di variabili dichiarate con 'var' all'inizio dello scope, rendendole accessibili prima della loro dichiarazione.</p> Signup and view all the answers

<p>Puoi aggiungere un metodo al prototipo tramite <code>PrototipoOggetto.nomeMetodo = function() {...}</code>; ciò consente a tutte le istanze di utilizzare quel metodo.</p> Signup and view all the answers

<p>L'operatore NOT (!) inverte il valore booleano, trasformando true in false e viceversa.</p> Signup and view all the answers

<p>Utilizzando 'let' all'interno di un blocco, la variabile dichiarata è accessibile solo all'interno di quel blocco.</p> Signup and view all the answers

<p>Gli array associativi utilizzano chiavi stringa per accedere agli elementi, mentre gli array tradizionali utilizzano chiavi numeriche.</p> Signup and view all the answers

<p>Il formato della stringa è ottenere una nuova stringa unendo due o più stringhe esistenti.</p> Signup and view all the answers

<p>Restituisce il messaggio 'Spiacente, questo colore non è presente.'</p> Signup and view all the answers

<p>L'oggetto document rappresenta il documento HTML caricato nella finestra del browser.</p> Signup and view all the answers

<p>Permette di accedere a un singolo elemento HTML utilizzando il suo attributo id.</p> Signup and view all the answers

<p>Favorisce la manutenzione, la leggibilità e la riutilizzabilità del codice.</p> Signup and view all the answers

<p>JavaScript consente di modificare il contenuto e lo stile degli elementi HTML in tempo reale.</p> Signup and view all the answers

<p>Le chiavi di un array normale sono numeriche, mentre un array associativo utilizza chiavi stringa.</p> Signup and view all the answers

<p>Permette di organizzare e strutturare i dati, rendendo il codice più modulare e riutilizzabile.</p> Signup and view all the answers

<p>Forniscono un modo per associare valori significativi a chiavi, facilitando l'accesso e la gestione dei dati.</p> Signup and view all the answers

<p>La mancanza di dinamicità, poiché non si adatta alle esigenze o interazioni degli utenti.</p> Signup and view all the answers

<p>L'interattività, che permette il responso alle azioni degli utenti senza necessità di ricaricare la pagina.</p> Signup and view all the answers

<p>La scalabilità limitata, rendendo complesso il loro uso per siti web con molte pagine.</p> Signup and view all the answers

<p>Il web dinamico consente aggiornamenti automatici, riducendo la necessità di modifiche manuali.</p> Signup and view all the answers

<p>La sua natura prevedibile e facilmente memorizzabile nella cache.</p> Signup and view all the answers

<p>Per via della sua complessità nella gestione e della necessità di elaborare le interazioni in tempo reale.</p> Signup and view all the answers

<p>La personalizzazione dei contenuti in base ai dati dell'utente.</p> Signup and view all the answers

<p>È altamente efficiente e offre caricamenti rapidi per siti meno complessi.</p> Signup and view all the answers

<p>Richiede maggiore complessità nella gestione e più risorse computazionali.</p> Signup and view all the answers

<p>La variabile 'state' tiene traccia dello stato attuale del messaggio, alternando tra 'N' e 'P'.</p> Signup and view all the answers

<p>'document.getElementById' restituisce un singolo elemento, mentre 'document.getElementsByName' restituisce una lista di elementi con lo stesso nome.</p> Signup and view all the answers

<p>'document.write' può cancellare il contenuto della pagina se utilizzato dopo il caricamento, creando problemi di usabilità.</p> Signup and view all the answers

<p>La funzione mostra un alert con il messaggio 'Nessun genere selezionato.'</p> Signup and view all the answers

<p>Il nuovo paragrafo viene visualizzato nella pagina web come parte del contenuto del body.</p> Signup and view all the answers

<p>'innerHTML' permette di leggere o modificare il contenuto HTML interno di un elemento.</p> Signup and view all the answers

<p>'appendChild' genererà un errore, poiché il nodo deve essere creato usando 'createElement' prima di poter essere aggiunto.</p> Signup and view all the answers

<p>Il web statico offre semplicità, prevedibilità ed efficienza, poiché le pagine non richiedono elaborazione aggiuntiva.</p> Signup and view all the answers

<p>Se usata in modo improprio, 'innerHTML' può esporre la pagina a vulnerabilità come XSS (cross-site scripting).</p> Signup and view all the answers

<p>Il browser invia una richiesta HTTP, il server recupera la pagina HTML dal file system e la restituisce al browser.</p> Signup and view all the answers

<p>80</p> Signup and view all the answers

<p>Mancanza di dinamicità.</p> Signup and view all the answers

<p>Cache del User Agent.</p> Signup and view all the answers

<p>SMTP (Simple Mail Transfer Protocol).</p> Signup and view all the answers

<p>Rappresenta il documento HTML caricato nella finestra.</p> Signup and view all the answers

<p>Distribuire le richieste tra più origin server.</p> Signup and view all the answers

<p>Il web statico ha contenuti fissi, mentre il web dinamico genera contenuti interattivi.</p> Signup and view all the answers

<p>Analizzare la URI per determinare la risorsa richiesta.</p> Signup and view all the answers

<p>Ridurre il carico sull'origin server.</p> Signup and view all the answers

<p>Permette di accedere a un singolo elemento HTML utilizzando il suo attributo id.</p> Signup and view all the answers

<p>Il protocollo HTTPS offre una maggiore sicurezza, criptaggiando i dati attraverso TLS, mentre HTTP non fornisce questa protezione.</p> Signup and view all the answers

<p>La risoluzione DNS mappa l'URI del server in un indirizzo IP, necessario per stabilire una connessione TCP con il server web.</p> Signup and view all the answers

<p>Il server web cerca un file di default, tipicamente index.html, nella directory associata all'URI.</p> Signup and view all the answers

<p>L'URI rewriting converte l'URI richiesta in un percorso specifico del file system, facilitando la gestione delle risorse dal server.</p> Signup and view all the answers

<p>La porta di default per HTTPS è la porta 443.</p> Signup and view all the answers

<p>Le porte 80 e 443 sono convenzioni di default per HTTP e HTTPS, facilitando la configurazione e l'accesso ai servizi web.</p> Signup and view all the answers

<p>La configurabilità permette di personalizzare il comportamento del server web, come la gestione delle URI e le risorse di default.</p> Signup and view all the answers

<p>Il server web determina quale risorsa rispondere alla richiesta dell'utente, basandosi sulla configurazione e sull'URI fornita.</p> Signup and view all the answers

<p>Il proxy per il client agisce per conto dello user agent migliorando le prestazioni tramite caching, mentre il proxy per l'origin server bilancia il carico e protegge da attacchi.</p> Signup and view all the answers

<p>Il caching memorizza le risorse per ridurre il carico sul server, migliorando così i tempi di risposta e l'efficienza della rete.</p> Signup and view all the answers

<p>Determina quale proxy utilizzare in base all'URL richiesto, restituendo un proxy specifico se l'host corrisponde a una condizione definita.</p> Signup and view all the answers

<p>La gerarchia di proxy organizza i proxy in livelli per gestire meglio le richieste e migliorare l'efficienza del sistema.</p> Signup and view all the answers

<p>Gli event handlers sono funzioni legate a eventi specifici, permettendo la gestione delle interazioni dell'utente con la pagina.</p> Signup and view all the answers

<p>Si utilizza il metodo <code>getElementsByName('name')</code> per accedere a questi elementi.</p> Signup and view all the answers

<p>La proprietà <code>innerHTML</code> consente di leggere o modificare il contenuto HTML di un elemento.</p> Signup and view all the answers

<p>Si utilizzano <code>createElement</code> per creare nuovi elementi e <code>appendChild</code> per aggiungerli al DOM.</p> Signup and view all the answers

<p>Document.write è deprecato perché può causare problemi come la cancellazione del contenuto della pagina dopo il caricamento.</p> Signup and view all the answers

<p>I principali protocolli sono HTTP, FTP e SMTP.</p> Signup and view all the answers

<p>Il web statico è semplice da gestire, prevede risposte prevedibili e ha una maggiore velocità rispetto al web dinamico.</p> Signup and view all the answers

<p>Vantaggi: facilità di gestione e velocità. Svantaggi: mancanza di dinamicità e aggiornamenti manuali.</p> Signup and view all the answers

<p>Elementi come il browser, la richiesta DNS, e il tempo di risposta del server influenzano le prestazioni.</p> Signup and view all the answers

<p>Il caching riduce la necessità di richiedere nuovamente risorse al server, accelerando il tempo di caricamento.</p> Signup and view all the answers

<p>La funzione <code>cambiaMessaggio</code> alterna il contenuto di <code>innerHTML</code> tra 'Buon Natale' e 'Buona Pasqua'.</p> Signup and view all the answers

<p>La cache del server memorizza le risorse in memoria centrale (RAM), riducendo il tempo di accesso rispetto all'hard disk.</p> Signup and view all the answers

<p>Il bilanciamento del carico distribuisce le richieste in modo equo tra più origin server, migliorando l'efficienza e riducendo i tempi di risposta.</p> Signup and view all the answers

<p>Il DOM è una rappresentazione gerarchica degli elementi HTML della pagina web, permettendo la manipolazione dinamica del contenuto.</p> Signup and view all the answers

<p>getElementById accede a un singolo elemento utilizzando il suo id, mentre getElementsByName restituisce una lista di elementi che condividono lo stesso nome.</p> Signup and view all the answers

<p>innerHTML permette di leggere o modificare il contenuto HTML di un elemento, consentendo l'aggiornamento dinamico della pagina.</p> Signup and view all the answers

<p>createElement e appendChild consentono di aggiungere elementi al DOM senza cancellare il contenuto esistente della pagina, evitando conflitti di caricamento.</p> Signup and view all the answers

<p>JavaScript utilizza i metodi createElement e appendChild per creare e aggiungere nuovi elementi al DOM in modo dinamico.</p> Signup and view all the answers

<p>L'uso di document.write dopo il caricamento della pagina può cancellare il contenuto esistente, creando problemi di visualizzazione.</p> Signup and view all the answers

<p>La funzione alterna il contenuto di innerHTML dell'elemento identificato da id 'citazione' tra 'Buon Natale' e 'Buona Pasqua'.</p> Signup and view all the answers

<p>JavaScript itera sui nodi recuperati con getElementsByName per identificare quale input radio è selezionato e mostrare il valore.</p> Signup and view all the answers

<p>I Web Workers permettono l'esecuzione di operazioni pesanti in background, migliorando la reattività dell'interfaccia utente.</p> Signup and view all the answers

<p>I Web Workers comunicano tramite messaggi, utilizzando i metodi <code>postMessage</code> e <code>onmessage</code>.</p> Signup and view all the answers

<p>I Web Workers non hanno accesso al DOM e possono interagire con esso solo attraverso messaggi.</p> Signup and view all the answers

<p>La funzione <code>calcoloPesante</code> esegue una simulazione di calcolo complesso sommando numeri fino a 100 milioni.</p> Signup and view all the answers

<p>Il messaggio inviato è 'Avvia calcolo', e il risultato restituito è la somma calcolata dal Web Worker.</p> Signup and view all the answers

<p>La mancanza di dinamicità, poiché il contenuto non si adatta alle esigenze o interazioni degli utenti.</p> Signup and view all the answers

<p>Forniscono strumenti addizionali per migliorare lo sviluppo e la funzionalità del codice aziendale.</p> Signup and view all the answers

<p>L'accesso alla proprietà length viene effettuato direttamente, senza chiamare un metodo, poiché è una proprietà e non un metodo.</p> Signup and view all the answers

<p>Le pagine statiche sono facili da gestire, veloci nella risposta del server e facilmente indicizzabili dai motori di ricerca.</p> Signup and view all the answers

<p>Il web dinamico utilizza linguaggi di programmazione come JavaScript per adattare il contenuto in tempo reale secondo l'interazione dell'utente.</p> Signup and view all the answers

<p>Il caching permette di memorizzare facilmente le pagine, migliorando le prestazioni e velocizzando il caricamento.</p> Signup and view all the answers

<p>Il web dinamico può necessitare di elaborazioni aggiuntive, il che può comportare una maggiore complessità e un carico maggiore sul server.</p> Signup and view all the answers

<p>La proprietà length consente di determinare il numero di elementi in un array senza chiamare un metodo, semplificando la codifica.</p> Signup and view all the answers

<p>Il DOM rappresenta una struttura gerarchica degli elementi HTML di una pagina web.</p> Signup and view all the answers

<p>getElementById permette di accedere a un singolo elemento HTML utilizzando il suo attributo id.</p> Signup and view all the answers

<p>innerHTML consente di leggere o modificare il contenuto HTML di un elemento.</p> Signup and view all the answers

<p>createElement crea un nuovo elemento HTML nel DOM.</p> Signup and view all the answers

<p>appendChild aggiunge un nodo o un elemento come figlio di un altro elemento nel DOM.</p> Signup and view all the answers

<p>Un event handler è una funzione associata a eventi specifici che si verificano in una pagina web.</p> Signup and view all the answers

<p>La funzione modifica le proprietà CSS di un elemento, come il colore del testo.</p> Signup and view all the answers

<p>L'API Geolocation consente di ottenere informazioni sulla posizione geografica dell'utente.</p> Signup and view all the answers

<p>getElementsByName accede a una lista di elementi HTML che condividono lo stesso attributo name.</p> Signup and view all the answers

<p>L'evento ondblclick consente di eseguire una funzione specifica al doppio clic su un elemento.</p> Signup and view all the answers

<p>Il consenso è fondamentale per garantire la privacy dell'utente e per rispettare le normative sulla protezione dei dati.</p> Signup and view all the answers

<p>La posizione è gestita nella funzione 'successo', che mostra latitudine e longitudine nel documento HTML.</p> Signup and view all the answers

<p>jQuery semplifica la manipolazione del DOM e la gestione degli eventi, rendendo il codice più compatto e leggibile.</p> Signup and view all the answers

<p>I Web Workers eseguono script in background, evitando di bloccare il thread principale e migliorando la reattività dell'interfaccia utente.</p> Signup and view all the answers

<p>.hide() nasconde tutti gli elementi selezionati, permettendo di gestire la visibilità nel DOM.</p> Signup and view all the answers

<p>La CDN serve le librerie da server vicini all'utente, migliorando velocità e prestazioni delle applicazioni web.</p> Signup and view all the answers

<p>Consente di eseguire codice jQuery solo dopo che il DOM è completamente caricato, evitando errori di riferimento a elementi non ancora presenti.</p> Signup and view all the answers

<p>La precisione può variare tra GPS, Wi-Fi e indirizzo IP, a seconda del dispositivo e della tecnologia utilizzata.</p> Signup and view all the answers

<p>Se l'API non è supportata, verrà mostrato un messaggio che informa l'utente che la geolocalizzazione non è disponibile.</p> Signup and view all the answers

<p>jQuery semplifica l'associazione di eventi agli elementi, rendendo il processo più intuitivo e meno verboso.</p> Signup and view all the answers

<p><code>length</code> non è un metodo, quindi non si dovrebbe utilizzare <code>()</code> dopo di essa.</p> Signup and view all the answers

<p>Memorizzare <code>length</code> riduce il numero di accessi all'oggetto complesso, migliorando le prestazioni.</p> Signup and view all the answers

<p>È preferibile utilizzare i metodi <code>createElement</code> e <code>appendChild</code>.</p> Signup and view all the answers

<p>Può essere usato all'interno di uno script nel <code>&lt;head&gt;</code> o all'inizio del <code>&lt;body&gt;</code> prima del caricamento completo della pagina.</p> Signup and view all the answers

<p>I proxy svolgono funzioni come caching, protezione del server e bilanciamento del carico.</p> Signup and view all the answers

<p>Determina quale proxy utilizzare in base all'URL richiesto, migliorando la gestione delle richieste.</p> Signup and view all the answers

<p>Ci sono server cache, proxy cache e user agent cache.</p> Signup and view all the answers

<p>I proxy possono richiedere l'autenticazione degli utenti come un CAPTCHA per evitare accessi non autorizzati.</p> Signup and view all the answers

<p>Riduce il carico sul server e migliora i tempi di risposta per gli utenti.</p> Signup and view all the answers

<p>Gestisce le richieste all'interno di un laboratorio o di una singola unità.</p> Signup and view all the answers

<p>L'oggetto 'document' rappresenta il documento HTML caricato nella finestra del browser, consentendo l'accesso e la modifica degli elementi della pagina.</p> Signup and view all the answers

<p>getElementsByName restituisce una lista di elementi che condividono lo stesso attributo 'name', consentendo di accedere a più elementi contemporaneamente.</p> Signup and view all the answers

<p>getElementById restituisce un singolo elemento basato su un id specifico, mentre getElementsByName restituisce una lista di tutti gli elementi con lo stesso nome.</p> Signup and view all the answers

<p>La proprietà innerHTML consente di leggere o modificare il contenuto HTML di un elemento.</p> Signup and view all the answers

<p>Si ottiene un alert che mostra il valore dell'elemento selezionato tra quelli presenti con lo stesso name.</p> Signup and view all the answers

<p>La funzione changeMessage utilizza getElementById per accedere a un elemento specifico e modifica il suo innerHTML in base allo stato.</p> Signup and view all the answers

<p>La funzione controlla se uno degli elementi con name='gender' è selezionato (checked).</p> Signup and view all the answers

<p>Lo stato serve a tenere traccia del messaggio corrente, permettendo di alternare tra diversi contenuti quando la funzione viene richiamata.</p> Signup and view all the answers

<p>Verificare che la checkbox sia spuntata prima di consentire l'invio dei dati.</p> Signup and view all the answers

<p>Perché è necessario proteggere il server da accessi malevoli e dati non validi.</p> Signup and view all the answers

<p>Può essere utilizzata per acquisire o modificare il valore del campo input.</p> Signup and view all the answers

<p>Indica se una checkbox o un radio button è selezionato.</p> Signup and view all the answers

<p>Permette di aumentare il valore di un input di tipo numerico di un determinato passo.</p> Signup and view all the answers

<p>L'evento onsubmit.</p> Signup and view all the answers

<p>.files.</p> Signup and view all the answers

<p>Le proprietà in sola lettura permettono solo la visualizzazione, mentre le API in sola scrittura permettono modifiche senza restituzioni.</p> Signup and view all the answers

<p>Utilizzando attributi come onsubmit o onreset.</p> Signup and view all the answers

<p>Restituisce il valore del campo come un oggetto Date.</p> Signup and view all the answers

<p>Alterna il contenuto tra 'Buon Natale' e 'Buona Pasqua'.</p> Signup and view all the answers

<p><code>createElement</code> crea un nuovo elemento, mentre <code>appendChild</code> lo aggiunge al documento.</p> Signup and view all the answers

<p>Il colore del testo viene cambiato in rosso.</p> Signup and view all the answers

<p><code>onload</code> si attiva quando la pagina è caricata, e <code>onunload</code> quando la pagina viene chiusa.</p> Signup and view all the answers

<p>Limitando l'apertura di nuove finestre tramite un blocco popup.</p> Signup and view all the answers

<p>Consente di ottenere la posizione geografica con il consenso dell'utente.</p> Signup and view all the answers

<p>Possono permettere l'esecuzione di codice dannoso nel browser dell'utente.</p> Signup and view all the answers

<p>Viene visualizzato un avviso che indica che Geolocation non è supportato.</p> Signup and view all the answers