Corso di Sviluppo di Applicazioni Web (HTML5, CSS3, JavaScript)

Modulo 1: lo sviluppo web Cos'è lo sviluppo web e perché è importante. Panoramica delle tecnologie web (HTML, CSS, JavaScript). Architettura di un'applicazione web (front-end, back-end e full-stack). Principi di design responsivo e accessibilità. Modulo 2: Introduzione a HTML5 Cos'è HTML e la sua importanza. Struttura di base di una pagina HTML5. Elementi principali di HTML5: , , . Introduzione ai nuovi tag di HTML5: , , , . Modulo 3: Approfondimento di HTML5 Utilizzo di form e input: , , . Costruzione di tabelle con , , , . HTML5 per video e audio: , , attributi principali. Il tag per la grafica. Modulo 4: Fondamenti di CSS3 Cos'è CSS e la sua funzione. Selettori di base: selettori di tag, classe e ID. Dichiarazioni CSS: proprietà e valori. La struttura di un foglio di stile CSS. Modulo 5: Layout con CSS3 Modelli di layout in CSS: Box model, Block-level e Inline-level. Uso di margini, padding, e bordi. Flexbox: Cos'è e come funziona. Grid layout in CSS. Modulo 6: Styling avanzato con CSS3 Transizioni CSS3: definire animazioni semplici e fluide. Animazioni CSS3: keyframes e trasformazioni. Trasparenze e ombreggiature con CSS3. Gestione dei font con @font-face e Google Fonts. Modulo 7: Introduzione a JavaScript Cos'è JavaScript e perché viene utilizzato nelle pagine web. Sintassi di base di JavaScript: variabili, tipi di dati, operatori. Le funzioni in JavaScript e la loro dichiarazione. Gestire il flusso del programma con istruzioni condizionali. Modulo 8: Manipolazione del DOM con JavaScript Cos'è il DOM (Document Object Model) e come interagire con esso. Selezionare e manipolare elementi del DOM con getElementById, querySelector. Aggiungere, modificare e rimuovere elementi HTML dinamicamente. Gestione degli eventi con JavaScript. Modulo 9: Lavorare con array e oggetti in JavaScript Cos'è un array e come usarlo in JavaScript. Metodi comuni degli array: push(), pop(), shift(), map(), filter(). Cos'è un oggetto e come utilizzarlo. Iterare sugli oggetti e sugli array. Modulo 10: Funzioni avanzate in JavaScript Funzioni anonime e arrow functions. Funzioni di callback e promesse. Il concetto di scope e closure in JavaScript. le funzioni asincrone. Modulo 11: Gestione degli errori e debugging in JavaScript Cos'è il debugging e tecniche di base. L'uso di console.log per il debugging. Gestione degli errori con try...catch. Gli errori comuni in JavaScript e come evitarli. Modulo 12: Lavorare con le API in JavaScript Cos'è un'API (Application Programming Interface). Fare richieste HTTP con fetch in JavaScript. Gestire risposte JSON e XML. Esempio di integrazione di un'API pubblica. Modulo 13: Strumenti di sviluppo e ottimizzazione Gli strumenti di sviluppo del browser: Console, Inspect, Debugger. Tecniche di ottimizzazione delle performance delle applicazioni web. Gestione delle immagini e delle risorse. versionamento del codice con Git. Modulo 14: Introduzione a Responsive Web Design Cos'è il design responsivo e perché è importante. Media queries in CSS. Creare layout adattivi con Flexbox e Grid. Utilizzo di immagini responsive e design mobile-first. Modulo 15: Best Practices nello sviluppo web Scrivere codice HTML, CSS, e JavaScript leggibile e manutenibile. Principi di accessibilità web (WCAG). Gestire la compatibilità cross-browser. la sicurezza web: protezione da vulnerabilità comuni.