JavaScript

01. Fondamenti

Variabili

• let
• var

Costanti

• const

Costrutti

• if-else
• for
• foreach
• do-while
• for-of
• for-in
• switch

Tipi di dati

• Oggetti
• Array
• Booleani
• Numeri
• Funzioni
• Stringhe
• Date
• Insiemi
• Tipizzazione debole: l'operatore typeof
• null e undefined

Programmazione funzionale

• Creare funzioni
• Invocare funzioni
• Tipi di funzioni
• Funzioni come valori di ritorno
• Design pattern nelle funzioni
• Argomenti

Programmazione Object-Oriented

• La proprietà prototype e l'ereditarietà
• Funzioni come costruttori
• Oggetti letterali
• Creare classi con class
• Metodi statici
• extends
• super()
• Visibilità e incapsulamento
• La parola chiave this e il suo contesto
• Design pattern

Metodi globali

• parseInt()
• parseFloat()
• decodeURIComponent()
• encodeURIComponent()
• atob()
• btoa()

Programmazione asincrona

• Promise
• Il modello async/await
• Gestire le eccezioni
• Evitare il callback hell

02. BOM: Browser Object Model

URL

• L'oggetto location e le sue proprietà

Browser

• L'oggetto navigator e le sue proprietà

Cookie

• La proprietà document.cookie

03. DOM: Document Object Model

Panoramica

• Cos'è il DOM
• A cosa serve il DOM
• L'oggetto document
• document e window
• DOM e HTML
• DOM e CSS

Selezionare elementi

• Selezione per ID
• Selezione con i selettori CSS
• Selezione per classe CSS
• Selezione e iterazione sugli elementi: l'oggetto NodeList
• Il valore null nella selezione

Creare elementi

• Creazione di un singolo elemento
• Creazione di un gruppo di elementi
• Definire gli attributi
• Definire i contenuti
• Aggiungere gli elementi al documento
• Aggiungere gli elementi ad altri elementi
• Aggiunta come stringa HTML

Manipolazione dei contenuti

• Manipolare il testo: innerText e textContent
• Manipolare la struttura: innerHTML

Manipolazione degli attributi

• Classi CSS: className e le API classList
• getAttribute()
• setAttribute()
• Attributi di dati: dataset

Rimuovere gli elementi

• Rimuovere un singolo elemento
• Rimuovere una serie di elementi
• Rimuovere un'intera struttura

Eventi

• Cos'è un evento
• Registrare gli eventi sugli elementi
• Rimuovere gli eventi dagli elementi
• Innescare gli eventi sugli elementi
• L'oggetto Event: metodi e proprietà
• this e funzioni arrow nei gestori di eventi
• Propagazione degli eventi
• Aggiungere eventi agli elementi non ancora presenti nel DOM
• Tipi di eventi e casi d'uso

04. AJAX

Richieste

• L'oggetto XMLHttpRequest
• Header HTTP
• Payload
• Codici di stato
• Inviare un form nel modo predefinito
• Inviare i dati come JSON
• Impostare un timeout

Risposte

• L'evento readystatechange
• Valori di stato delle risposte
• Tipi di dati delle risposte

05. API

Fetch

• Fetch e AJAX
• Inviare una richiesta
• Header HTTP
• Payload
• Gestire le risposte

Web Storage

• Sessioni: l'oggetto sessionStorage
• Persistenza: l'oggetto localStorage
• Web Storage e cookie
• Impostare una scadenza per i dati
• Salvare e leggere dati complessi

File e form

• L'oggetto FormData e i file
• Leggere il contenuto dei file con FileReader
• Upload dei file con AJAX