Fondamenti dello Sviluppo Web | HTML | CSS | JavaScript

Primi passi nello sviluppo:

• Azione di stampa console.log

• Definizione di una variabile di tipo var

• Combinare variabili con console.log

Operazioni matematiche di base:

• Definizione di variabili numeriche

• Operazioni aritmetiche - addizione, sottrazione, moltiplicazione e divisione

• Utilizzo di console.log con operazioni aritmetiche

Stringhe:

• Cos'è una string

• Definire variabili string

• Comprendere l'indicizzazione delle string

• Utilizzo dell'operatore parentesi quadre []

Condizioni e variabili Booleane:

• Comprensione della condizione if

• Operazione maggiore di

• Operazione minore di

• Operazione di uguaglianza

• Operazione di disuguaglianza (non uguale)

• Operazione maggiore o uguale

• Operazione minore o uguale

• Utilizzo di condizioni semplici

Condizioni avanzate:

• Condizioni avanzate e operatori logici (&& e ||)

• Utilizzo di if e else

• Utilizzo di condizioni complesse con else if

Operazione modulo:

• Utilizzo dell'operazione modulo (%) per calcolare il resto

• Utilizzo di un metodo per calcolare il numero di cifre in un numero

• Utilizzo di parseInt per arrotondare il risultato di un numero

Cicli while:

• Come scrivere un ciclo while

• Comprendere il concetto di indice e i suoi utilizzi

Cicli for:

• Definizione di un ciclo for e i suoi usi

• Comprensione dell'inizializzazione del ciclo, incremento e terminazione

Argomenti avanzati del modulo:

• Utilizzo del modulo per compiti più complessi

• Come calcolare la somma delle cifre dei numeri

Array:

• Definizione di un array

• Comprensione del concetto di indice in un array e del suo utilizzo

• Iterazione sugli array con i cicli

Oggetti:

• Definire un oggetto vuoto

• Inizializzare le chiavi in un oggetto

• Accedere alle chiavi utilizzando l'operatore punto

• Accedere dinamicamente alle chiavi

Argomenti avanzati sugli oggetti:

• Array di oggetti

• Utilizzo di un loop per iterare su un array di oggetti

• Metodo Object.keys

• Metodo Object.values

• Metodo JSON.stringify

• Metodo JSON.parse

Funzioni Parte A:

• Definire funzioni

• Definire argomenti per una funzione

• Valori di ritorno di una funzione

• Scrivere funzioni più complesse

Funzioni Parte B:

• Chiamare più funzioni

• Invocare una funzione all'interno di un'altra funzione.

• Concatenare funzioni

Cicli For Annidati:

• Definizione di cicli for annidati

• Uso corretto degli indici

• Esempi complessi con array

Costruire un elemento utilizzando il codice:

• Combinare i regni di HTML, CSS e JavaScript insieme

• Comprendere il DOM (Document Object Model)

• Creare un semplice elemento HTML utilizzando il codice

• Utilizzare innerText e classList

• Utilizzare la funzione appendChild

Costruire un elenco utilizzando un ciclo:

• Creazione di un elemento ul dinamico

• Creazione di elementi li dinamici

• Utilizzo di funzioni per la creazione dinamica

Recupero degli elementi dalla pagina:

• Comprensione della funzione getElementById per il recupero

• Comprensione della funzione getElementsByClassName per il recupero

• Comprensione della funzione getElementsByTagName per il recupero

• Comprensione della funzione querySelectorAll per il recupero

• Comprensione della funzione querySelector per il recupero

• Comprensione della funzione createElement per la creazione

Costruzione di una tabella dinamica:

• Creazione di un elemento table dinamicamente

• Utilizzo di array e funzioni per costruire la tabella

Eventi Parte A:

• Associare un evento click a un pulsante

• Utilizzo di addEventListener

• Inserimento dinamico di contenuto nella pagina dopo un evento con l'utente

Eventi Parte B:

• Uso di input ed eventi

• Integrazione di elementi dinamici

• Esempi più complessi

Funzioni di callback:

• Cos'è una funzione di callback

• Quando usarla

• Come passare argomenti

• Come verificare la correttezza del codice

Timer:

• Comprensione della funzione setTimeout

• Comprensione della funzione setInterval

• Comprensione della natura asincrona nel linguaggio

Comunicazione con il server Parte A:

• Comprensione dell'oggetto xmlHttpRequest

• Creazione di comunicazione con un server reale per recuperare dati

• Costruzione di elementi dinamici sulla pagina

Comunicazione con il server Parte B:

• Utilizzo di eventi e comunicazione

• Creazione di un flusso complesso per una pagina dinamica che interagisce con il server

• Comprensione del comportamento asincrono in JavaScript

Utilizzo delle Promises:

• Comprendere l'oggetto Promise

• Utilizzo di then e catch

• Creare comunicazione usando Promises

• Creare un flusso complesso usando Promises

Parole di chiusura