К содержанию

Tutorial Principale di JavaScript

Un semplice tutorial di JavaScript per principianti con esercizi e esempi di soluzioni.

Basi

Introduzione al linguaggio JavaScript per principianti

Eseguire JavaScript

Prima programma in JavaScript

Analizziamo il codice del programma

Esempi Successivi

Collegamento di un file con script JavaScript

Più file di script JavaScript

Caratteristiche del tag script in JavaScript

Memorizzazione nella cache dei file JavaScript da parte del browser

Modalità strict in JavaScript

Commenti in JavaScript

Variabili in JavaScript

Utilizzo delle variabili

Dichiarazione di più variabili in JavaScript

Modifica dei Valori delle Variabili

Più let per la stessa variabile

Operazioni matematiche con numeri in JavaScript

Operazioni matematiche con variabili in JavaScript

Precedenza delle operazioni matematiche in JavaScript

Priorità uguale delle operazioni matematiche in JavaScript

Parentesi di raggruppamento in JavaScript

Frazioni in JavaScript

Numeri negativi in JavaScript

Più prima dei numeri in JavaScript

Resto della divisione in JavaScript

Elevazione a potenza in JavaScript

Precedenza dell'elevamento a potenza

Stringhe in JavaScript

Concatenazione di stringhe in JavaScript

Lunghezza della stringa in JavaScript

Stringhe template in JavaScript

Multiriga

Valori speciali in JavaScript

Il significato di undefined

Il valore null

Valori true e false

Il significato di NaN

Infinity e -Infinity in JavaScript

Lavorare con la console in JavaScript

Tipo di dato nella console JavaScript

Errori nella console JavaScript

Costanti in JavaScript

Conversione Automatica dei Tipi di Dati

Conversione a numero in JavaScript

Conversione abbreviata a numero in JavaScript

Conversione di numeri non validi in JavaScript

Estrazione di numeri in JavaScript

Conversione in stringa in JavaScript

Applicazione della conversione a stringhe in JavaScript

Conversione del tipo booleano in JavaScript

Conversione al tipo booleano in JavaScript

Ottenere i caratteri di una stringa in JavaScript

Immutabilità delle stringhe in JavaScript

Ultimo carattere di una stringa in JavaScript

Stringhe con numeri in JavaScript

Accesso alle cifre di un numero in JavaScript

Operazioni per modificare una variabile in JavaScript

Operatori di assegnazione composta in JavaScript

Operazioni di incremento e decremento in JavaScript

Tipo prefisso e postfisso in JavaScript

Calcoli Imprecisi in JavaScript

La funzione prompt in JavaScript

Problema con i tipi nella funzione prompt in JavaScript

Output di testo nel documento in JavaScript

Ricerca di errori nel codice

Pratica con le operazioni in JavaScript

Pratica con le formule in JavaScript

Array

Array in JavaScript

Accesso agli elementi degli array in JavaScript

Lunghezza dell'array in JavaScript

Modifica degli elementi dell'array in JavaScript

Sovrascrivere elementi dell'array in JavaScript

Incremento e decremento degli elementi dell'array in JavaScript

Aggiunta di elementi tramite chiavi JavaScript

Array sparsi in JavaScript

Aggiungere elementi con push in JavaScript

Chiavi degli array da variabili in JavaScript

Operatore delete negli array in JavaScript

Ricerca di errori nel codice con array JavaScript

Oggetti

Oggetti in JavaScript

Visualizzare l'intero oggetto in JavaScript

Chiavi stringa degli oggetti in JavaScript

Proprietà degli oggetti in JavaScript

Limitazioni sulle chiavi degli oggetti in JavaScript

Modifica degli elementi degli oggetti in JavaScript

Aggiungere elementi agli oggetti in JavaScript

Non ordinamento degli oggetti in JavaScript

Array di chiavi di un oggetto in JavaScript

Lunghezza di un oggetto in JavaScript

Chiavi degli oggetti da variabili in JavaScript

Errore di accesso all'elemento per chiave in JavaScript

Errore di accesso alla proprietà di un oggetto in JavaScript

Proprietà Calcolate in JavaScript

Operatore in in JavaScript

L'operatore delete in JavaScript

Tipizzazione degli oggetti in JavaScript

Array come oggetti in JavaScript

Distinguere gli array dagli oggetti in JavaScript

Oggetti e primitivi in JavaScript

Passaggio di oggetti per riferimento in JavaScript

Costanti con array o oggetti in JavaScript

L'approccio di programmazione attraverso le costanti in JavaScript

Ricerca di errori nel codice con oggetti JavaScript

Condizioni

La struttura if-else in JavaScript

Operatori maggiore e minore in JavaScript

Verifica dell'uguaglianza in JavaScript

Verifica della disuguaglianza in JavaScript

Confronto di variabili in JavaScript

Uguaglianza delle stringhe in JavaScript

Uguaglianza tra stringhe e numeri in JavaScript

Uguaglianza per valore e tipo in JavaScript

Disuguaglianza per valore e tipo in JavaScript

Operatore AND Logico in JavaScript

OR Logico in JavaScript

Precedenza degli operatori logici in JavaScript

Raggruppamento delle condizioni in JavaScript

Inversione di espressioni logiche in JavaScript

Condizioni con valori booleani in JavaScript

Confronto di valori con il tipo booleano in JavaScript

Forma abbreviata di verifica del vero in JavaScript

Forma abbreviata di verifica del falso in JavaScript

Forma generale abbreviata di verifica in JavaScript

Condizioni complesse in forma abbreviata in JavaScript

L'opzionalità della costruzione else in JavaScript

Opzionalità delle parentesi graffe in JavaScript

Il problema dell'opzionalità delle parentesi graffe in if-else

La Costruzione else if in JavaScript

Costrutti if-else annidati in JavaScript

L'istruzione switch-case in JavaScript

L'opzionalità di break nella costruzione switch-case in JavaScript

Operatore ternario in JavaScript

Operazioni logiche in JavaScript

La funzione confirm in JavaScript

Ambito delle variabili in if-else in JavaScript

Sfumature dell'ambito di visibilità delle variabili nelle costruzioni if-else in JavaScript

Verifica delle parti dell'ora tramite if-else in JavaScript

Verifica della lunghezza di stringhe e array in JavaScript

Verifica dei caratteri di una stringa in JavaScript

Verifica delle cifre di un numero in JavaScript

Verifica del resto della divisione in JavaScript

Ricerca di errori nel codice con condizioni JavaScript

Pratica con le condizioni if-else in JavaScript

Cicli

Introduzione ai cicli in JavaScript

Iterazione di un array con il ciclo for-of in JavaScript

Iterazione di un oggetto con il ciclo for-in in JavaScript

Il ciclo while in JavaScript

Ciclo for JavaScript

Ciclo for per array in JavaScript

Condizioni nei cicli in JavaScript

Accumulo di numeri nei cicli JavaScript

Accumulo di elementi di array nei cicli JavaScript

Formazione di stringhe tramite cicli in JavaScript

Cifre di un numero durante l'iterazione con un ciclo in JavaScript

Optionalità delle parentesi nei cicli in JavaScript

Il problema dell'opzionalità delle parentesi nei cicli in JavaScript

Istruzione break in JavaScript

Istruzione continue in JavaScript

Cicli annidati in JavaScript

Ambito di visibilità nei cicli JavaScript

Cicli annidati e ambito di visibilità in JavaScript

Riempire un array in JavaScript

Modifica di un array in un ciclo JavaScript

Riempire oggetti tramite ciclo in JavaScript

Modificare oggetti tramite ciclo in JavaScript

Lavorare con i flag in JavaScript

Consigli per scrivere codice di cicli in JavaScript

Consigli per il debug del codice con esempi di cicli in JavaScript

Ricerca di errori nel codice con cicli JavaScript

Pratica dei Cicli JavaScript

Multidimensionalità

Array multidimensionali in JavaScript

Array tridimensionale in JavaScript

Array arbitrari in JavaScript

Iterazione di array multidimensionali in JavaScript

Iterazione con il for normale in JavaScript

Riempimento di array multidimensionali in JavaScript

Problemi nel riempimento di array multidimensionali in JavaScript

Riempimento di array multidimensionali in sequenza in JavaScript

Oggetti multidimensionali in JavaScript

Iterazione di oggetti multidimensionali in JavaScript

Strutture multidimensionali in JavaScript

Iterazione di strutture multidimensionali in JavaScript

Array di oggetti in JavaScript

Chiavi da variabili in strutture multidimensionali JavaScript

Aggiungere elementi agli array multidimensionali JavaScript

Aggiunta di elementi a oggetti multidimensionali JavaScript

Metodi standard

Esponente e Radice in JavaScript

Funzioni di arrotondamento in JavaScript

Numeri estremi in JavaScript

Random in JavaScript

Moduli in JavaScript

Maiuscole e minuscole in JavaScript

Estrazione di Stringhe in JavaScript

Ricerca nelle stringhe in JavaScript

Sostituzione di parti di stringa in JavaScript

Suddivisione delle stringhe in JavaScript

Elementi di confine in JavaScript

Parti di array in JavaScript

Splicing di array in JavaScript

Ricerca negli array in JavaScript

Array di chiavi di un oggetto in JavaScript

Ricerca di errori nel codice con i metodi standard di JavaScript

Funzioni personalizzate

Fondamenti di lavoro con le funzioni personalizzate in JavaScript

Parametri delle funzioni in JavaScript

Parametri multipli delle funzioni in JavaScript

Parametri-variabili delle funzioni in JavaScript

Parametri opzionali in JavaScript

Istruzione return in JavaScript

Chiamata sequenziale di funzioni in JavaScript

Punto delicato di return in JavaScript

Ciclo e return in JavaScript

Utilizzo di return nei cicli in JavaScript

Tecnica di utilizzo di return in JavaScript

Flag nelle funzioni JavaScript

Operatori logici senza if nelle funzioni JavaScript

Consigli per la creazione di funzioni in JavaScript

Ricerca di errori nel codice con le funzioni JavaScript

Pratica con le funzioni JavaScript

Variabili delle funzioni

Variabili globali nelle funzioni in JavaScript

Variabili locali nelle funzioni in JavaScript

Nomi di variabili identici nelle funzioni in JavaScript

Modifica delle variabili globali in JavaScript

Variabili globali e parametri delle funzioni in JavaScript

Sovrapposizione di nomi con parametri in JavaScript

Parametri Oggetto JavaScript

Tipi di funzioni

Codice Sorgente della Funzione e il suo Risultato in JavaScript

Funzione come variabile in JavaScript

Assegnazione di una funzione a un'altra variabile in JavaScript

Assegnazione di funzioni a variabili in JavaScript

Coincidenza del nome della funzione e della variabile in JavaScript

Function expression e Function declaration in JavaScript

Differenza tra le dichiarazioni di funzione

Punto e virgola nella dichiarazione di funzioni in JavaScript

Sfumature delle espressioni funzionali in JavaScript

Funzione con nome, ma Function Expression in JavaScript

Espressioni di Funzione Nome in JavaScript

Come verificare il tipo di funzione in JavaScript

Espressione a sinistra della funzione in JavaScript

Espressione a destra della funzione in JavaScript

Array con funzioni anonime in JavaScript

Oggetto con funzioni anonime in JavaScript

Utilizzo di un Oggetto con Funzioni in JavaScript

Funzioni Annidate

Passare funzioni come parametri in JavaScript

Funzioni con parametri nominati in JavaScript

Parametri delle funzioni passate in JavaScript

Passare un numero come parametro in JavaScript

Applicazione del Passaggio di Funzioni come Parametro in JavaScript

Funzioni annidate in JavaScript

Ambito delle funzioni annidate in JavaScript

Parametri della funzione esterna in JavaScript

Parametri delle funzioni esterne e interne in JavaScript

Parametri con lo stesso nome in JavaScript

Funzione che restituisce una funzione in JavaScript

Qualsiasi livello di annidamento in JavaScript

Parametri della funzione restituita in JavaScript

Funzioni di callback in JavaScript

Sfumature dei Callback in JavaScript

Funzioni freccia in JavaScript

Applicazione delle funzioni freccia in JavaScript

Chiusure

Accesso alle variabili esterne delle funzioni in JavaScript

Ambiente Lessicale delle Funzioni in JavaScript

Applicazione dell'ambiente lessicale delle funzioni in JavaScript

Chiusure in JavaScript

Contatore con chiusure in JavaScript

Variabile locale del contatore in JavaScript

Variabile globale contatore in JavaScript

IIFE

Invocazione di Funzione Immediata in JavaScript

Assegnazione di una funzione a una variabile in JavaScript

Applicazione della chiamata di funzione immediata in JavaScript

Parentesi tonde nelle IIFE in JavaScript

Parametri della funzione alla chiamata immediata in JavaScript

Chiamate multiple di IIFE in JavaScript

Insidie delle IIFE in JavaScript

Punto e virgola per sicurezza in IIFE

Chiusure e Invocazione Immediata di Funzioni in JavaScript

Ricorsione

Lavorare con la ricorsione in JavaScript

Esempio con parametro tramite ricorsione in JavaScript

Somma degli elementi di un array con ricorsione in JavaScript

Ricorsione e strutture multidimensionali in JavaScript

Somma degli elementi di un array tramite ricorsione in JavaScript

Manipolazione degli elementi in JavaScript

Metodi di iterazione

Il metodo map per iterare array in JavaScript

Il metodo forEach per iterare sugli array in JavaScript

Il metodo filter per filtrare gli array in JavaScript

Il metodo every per verificare un array in JavaScript

Il metodo some per verificare un array in JavaScript

Ricerca in array tramite callback in JavaScript

Riduzione di Array in JavaScript

Operatore spread

Operatore spread in JavaScript

Utilizzo di spread in JavaScript

Valori estremi di un array tramite spread in JavaScript

Operatore spread e unione di array

Operatore spread per stringhe in JavaScript

Operatore spread e numeri in JavaScript

Operatore rest

Operatore rest in JavaScript

Funzione che calcola la somma di numeri utilizzando gli operatori rest e spread in JavaScript

Funzione che unisce array in bidimensionale in JavaScript

Funzione che unisce gli array in uno in JavaScript

Destrutturazione

Destrutturazione degli array in JavaScript

Destrutturazione di un array da una funzione in JavaScript

Saltare elementi dell'array nella destrutturazione in JavaScript

Valori extra nella destrutturazione di array in JavaScript

Resto di un array nella destrutturazione in JavaScript

Valori predefiniti nella destrutturazione di array in JavaScript

Funzioni predefinite nella destrutturazione di array in JavaScript

Dichiarazione di variabili nella destrutturazione di array in JavaScript

Destrutturazione di oggetti in JavaScript

Nomi delle variabili nella destrutturazione degli oggetti in JavaScript

Valori predefiniti nella destrutturazione di oggetti in JavaScript

Variabili e valori predefiniti in JavaScript

Dichiarazione di variabili nella destrutturazione di oggetti in JavaScript

Destrutturazione dei parametri di funzione in JavaScript

Destrutturazione degli oggetti parametri delle funzioni in JavaScript

Tempo

Lavorare con l'oggetto Date in JavaScript

Formattazione della data in JavaScript

Cambiare il formato della data in JavaScript

Ottenere il giorno della settimana in JavaScript

Visualizzazione delle parti della data in parole in JavaScript

Impostazione dell'orario nell'oggetto Date in JavaScript

Ottenere l'orario in formato timestamp in JavaScript

Differenza tra date in formato timestamp in JavaScript

Differenza tra oggetti data in JavaScript

Correzione automatica delle date in JavaScript

Trovare l'ultimo giorno del mese in JavaScript

Determinare l'anno bisestile in JavaScript

Verifica della correttezza di una data in JavaScript

Ottenere il giorno dell'anno corrente in JavaScript

Giorno del mese successivo o precedente

Giorno dell'anno successivo o precedente

Differenza tra momenti

Momento della giornata

Inizio del giorno in JavaScript

Fine del giorno in JavaScript

Verifica ciclica di momenti temporali in JavaScript

Pratica sull'ottenimento di momenti temporali in JavaScript

Confronto di date come stringhe in JavaScript

Confronto di date senza anno in JavaScript

Verifica se una data rientra in un intervallo

Confronto di oggetti Date in JavaScript

Introduzione al DOM

Fondamenti di lavoro con il DOM in JavaScript

Elementi DOM in JavaScript

Ottenere un elemento DOM in JavaScript

Selettori complessi di elementi DOM in JavaScript

Associare gestori di eventi agli elementi in JavaScript

Gestori di eventi nominati in JavaScript

Un gestore per molti elementi in JavaScript

Più gestori per un evento in JavaScript

Gestori di diversi eventi in JavaScript

Lavorare con il testo degli elementi in JavaScript

Lavorare con il codice HTML degli elementi in JavaScript

Attributi dei tag come proprietà in JavaScript

Lavorare con i campi di testo in JavaScript

Focus dei campi di testo in JavaScript

Eccezioni quando si lavora con gli attributi in JavaScript

Catene di metodi e proprietà in JavaScript

Vantaggi e Svantaggi delle Catene in JavaScript

L'oggetto this in JavaScript

Vantaggio di this in JavaScript

Ottenere un gruppo di elementi in JavaScript

Aggiunta di gestori in ciclo in JavaScript

Aggiunta di gestori anonimi in un ciclo in JavaScript

Rimozione degli eventi in JavaScript

Rimozione dei gestori di eventi in un ciclo in JavaScript

Scollegamento di funzioni anonime in JavaScript

Consigli per scrivere codice con l'esempio del DOM in JavaScript

Ricerca di errori nel codice con DOM in JavaScript

Esercitazione sul materiale studiato sul lavoro con il DOM

Attributi

Ottenere Attributi in JavaScript

Impostazione degli attributi in JavaScript

Rimozione degli attributi in JavaScript

Verifica della presenza di attributi in JavaScript

Attributi personalizzati in JavaScript

Nomi degli attributi con trattini in JavaScript

Accesso agli attributi tramite metodi in JavaScript

Manipolazione dell'array di classi CSS in JavaScript

Aggiunta di classi CSS in JavaScript

Rimozione di classi CSS in JavaScript

Verifica delle classi CSS in JavaScript

Alternanza di classi CSS in JavaScript

Stilizzazione

Stilizzazione degli elementi tramite l'attributo style in JavaScript

Stilizzazione delle proprietà con trattino in JavaScript

Eccezione nella stilizzazione degli elementi in JavaScript

Styling con classi CSS in JavaScript

Vantaggio della stilizzazione con classi CSS in JavaScript

Applicazione dello stile in JavaScript

Ricerca

Trovare gli elementi discendenti in JavaScript

Trovare i genitori degli elementi in JavaScript

Ricerca di tutti gli elementi genitore in JavaScript

Ricerca degli elementi adiacenti in JavaScript

Ricerca di un elemento per id in JavaScript

Ricerca di un elemento per nome tag in JavaScript

Ricerca di un elemento per nome della classe in JavaScript

Ricerca di elementi all'interno di un altro elemento in JavaScript

Nodi

Lavorare con i nodi in JavaScript

Iterazione dei nodi con ciclo in JavaScript

Nomi dei nodi in JavaScript

Tipo di nodi in JavaScript

Testo dei nodi in JavaScript

Forme

Lavorare con textarea in JavaScript

L'attributo disabled in JavaScript

Lavorare con le checkbox in JavaScript

Alternanza di attributi senza valori

Lavorare con i pulsanti radio in JavaScript

Evento change in JavaScript

Evento input in JavaScript

Metodi focus e blur in JavaScript

Ricerca di errori nel codice con moduli in JavaScript

Menu a tendina

Lavorare con menu a tendina in JavaScript

L'attributo value negli elenchi a discesa in JavaScript

Modifica dell'elemento selezionato di una lista in JavaScript

Numero dell'opzione selezionata nel menu a tendina

Ottenere gli elementi di un menu a tendina in JavaScript

Array di elementi di un menu a tendina in JavaScript

Lavorare con le voci di un menu a discesa in JavaScript

Selezione di un elemento della lista in JavaScript

Ottenere l'opzione selezionata in JavaScript

Oggetto Event

Fondamenti dell'oggetto Event in JavaScript

Coordinate dell'evento in JavaScript

Tipo di evento nell'oggetto Event in JavaScript

Elemento evento nell'oggetto Event in JavaScript

Ottenere i tasti premuti in JavaScript

Tracciamento dei tasti modificatori in JavaScript

Annullare l'azione predefinita in JavaScript

Bubbling degli eventi in JavaScript

Ottenere l'elemento target durante il bubbling degli eventi

Interruzione del bubbling degli eventi in JavaScript

Più gestori di eventi su un elemento in JavaScript

Arresto Immediato della Propagazione in JavaScript

Applicazione dell'arresto della propagazione degli eventi in JavaScript

Immersione negli eventi in JavaScript

Aggiunta di gestori di eventi a nuovi elementi in JavaScript

Delega degli eventi in JavaScript

Delegazione universale degli eventi in JavaScript

Contesto

Fondamenti del contesto in JavaScript

Contesto di una funzione non associata in JavaScript

Perdita del Contesto in JavaScript

Risoluzione del problema del contesto in JavaScript

Contesto tramite variabile in JavaScript

Contesto tramite parametro in JavaScript

Contesto tramite funzione freccia in JavaScript

Binding del contesto tramite il metodo call in JavaScript

Metodo call con parametri in JavaScript

Binding del contesto tramite il metodo apply in JavaScript

Binding del contesto con il metodo bind in JavaScript

Timer

Fondamenti di lavoro con la funzione setInterval in JavaScript

Contatore tramite la funzione setInterval in JavaScript

Arrestare un Timer JavaScript

Pulsante per avviare un timer in JavaScript

Click multipli sul pulsante per avviare il timer in JavaScript

Pulsanti per avviare e fermare il timer in JavaScript

Pratica con timer e manipolazione del DOM in JavaScript

Timer e perdita del contesto in JavaScript

Pratica con timer e manipolazione del DOM in JavaScript

Ritardo prima dell'esecuzione in JavaScript

Avvio di un timer in JavaScript

Manipolazione degli elementi

Creazione e inserimento di elementi in JavaScript

Associare eventi all'inserimento di elementi

Creazione di elementi in ciclo con JavaScript

Assegnazione di gestori di eventi in ciclo in JavaScript

Rimozione di elementi in JavaScript

Inserimento di elementi all'inizio o alla fine in JavaScript

Inserimento di elementi prima di altri elementi in JavaScript

Inserimento adiacente di elementi in JavaScript

Inserimento Adiacente di Tag in JavaScript

Clonazione di elementi in JavaScript

Verifica degli elementi in JavaScript

Pratica

Creazione di elementi da un array in JavaScript

Pratica sulla creazione di liste ul in JavaScript

Creazione di tabelle HTML in JavaScript

Popolamento sequenziale di tabelle HTML

Creazione di una tabella HTML da un array in JavaScript

Creazione di una tabella HTML da un array di oggetti

Aggiunta di righe e colonne a una tabella HTML

Modifica delle celle di una tabella HTML con JavaScript

Auto-eliminazione di nuovi elementi in JavaScript

Link per eliminare un elemento in JavaScript

Creazione di collegamenti per l'eliminazione di elementi in JavaScript

Modifica di un elemento singolo in JavaScript

Nascondere il testo durante la modifica di un elemento in JavaScript

Modifica in un gruppo di elementi in JavaScript

Modifica e eliminazione simultanea di elementi

Stilizzazione di elementi in JavaScript

Pulsanti per nascondere e mostrare un elemento in JavaScript

Molti elementi con pulsanti di visualizzazione in JavaScript

Attivazione di elementi in JavaScript

Alternanza di stili di attivazione in JavaScript

Pratica sulla modifica di elementi in JavaScript

Funzioni e DOM

Funzioni per lavorare con un elemento DOM in JavaScript

Funzioni per lavorare con un gruppo di elementi DOM

Passare una Callback per Lavorare con il DOM in JavaScript

Passare il numero d'ordine nella callback in JavaScript

Passare un elemento DOM come parametro di funzione

Passaggio di un gruppo di elementi DOM come parametri di funzioni

Funzione per creare tabelle HTML in JavaScript

Restituire una tabella da una funzione in JavaScript

Funzione per creare una tabella da un array

Moduli tramite chiusure

Conflitti di variabili in JavaScript

Moduli tramite chiusure in JavaScript

Applicazione Pratica

Passaggio di parametri al modulo attraverso le chiusure in JavaScript

Passaggio dell'elemento genitore a un modulo tramite chiusure in JavaScript

Passare le impostazioni del modulo attraverso le chiusure in JavaScript

Parametri predefiniti

Esportazione di variabili e funzioni nei moduli tramite closure in JavaScript

Esportazione di oggetti nei moduli tramite chiusure in JavaScript

Librerie tramite chiusure in JavaScript