Programmazione web frontend HTML/CSS/JS

Introduzione al Web e HTML

Questo modulo introduce alla storia e la struttura del web, differenziando tra frontend e backend. Verranno utilizzati gli strumenti di sviluppo come editor di testo e browser. Si studieranno i fondamenti di HTML, compresa la struttura di un documento, i tag e gli attributi principali e la creazione di una pagina web semplice. Inoltre, si esploreranno elementi di testo e media come paragrafi, intestazioni, liste, immagini, video e audio, oltre alla creazione di collegamenti ipertestuali e alla navigazione tra pagine diverse.

Stili e Layout con CSS

Questo modulo introduce la sintassi e le regole CSS includendo selettori e specificità e come integrare CSS in un documento HTML. Si imparerà la stilizzazione degli elementi, comprendendo colori, font, tipografia, margini, padding e bordi. Si approfondirà il concetto di box model e la gestione del layout con display, position e float, oltre a layout avanzati come Flexbox e Grid Layout.

Interattività con JavaScript

In questo modulo si imparerà la sintassi di base e le regole del linguaggio JavaScript, coprendo variabili, tipi di dati e operatori, e strutture di controllo come if, switch e loop. Verranno introdotte le funzioni e la gestione degli eventi del DOM, inclusa la selezione e modifica degli elementi del DOM e la creazione e rimozione dinamica degli elementi.

Integrazione e Progetti

Questo modulo introduce i framework e le librerie CSS come Bootstrap per creare layout responsivi, e le librerie JavaScript come jQuery per la manipolazione del DOM e gli eventi. Si lavorerà su un progetto finale che include la pianificazione e il design di un sito web completo, l’implementazione delle pagine e delle funzionalità interattive, e il test e debug del sito.

Materiali Didattici

Saranno forniti slides delle lezioni e accesso a risorse online.

Metodologia

Il corso sarà strutturato in lezioni teoriche ed esercitazioni pratiche, con un modulo finale dedicato all’integrazione delle conoscenze acquisite e alla realizzazione di un progetto finale.