Informatica · 5a Liceo

Idee di apprendimento attivo

Architettura Web e Front-end

L'architettura web e lo sviluppo front-end sono le porte d'accesso alla creazione di applicazioni moderne. In questo modulo, gli studenti del quinto anno consolidano le basi di HTML e CSS, ma si spingono oltre con JavaScript per rendere le pagine interattive. Il focus si sposta dalla semplice visualizzazione alla comprensione del protocollo HTTP/HTTPS e del ciclo richiesta-risposta.

• Traguardi per lo Sviluppo delle Competenze
• Indicazioni Nazionali Liceo Scientifico Scienze Applicate, Informatica, Quinto anno: Sviluppo di applicazioni su web
• Indicazioni Nazionali Liceo Scientifico Scienze Applicate, Informatica, Quinto anno: Architettura client-server e protocolli web

• 40–60 min
• Coppie → Intera classe
• 3 attività

Attività 01

• Circolo di indagine
• 60 min · Piccoli gruppi

Circolo di indagine: Web Reverse Engineering

Utilizzando l'Inspector del browser, i gruppi devono analizzare un sito famoso per scoprire quali stili CSS vengono usati, come sono strutturati i tag HTML e quali script JavaScript gestiscono le interazioni.

Come interagiscono HTML, CSS e JavaScript in una pagina web?

• Analizzare
• Valutare
• Creare
• Autogestione
• Autoconsapevolezza

Attività 02

• Rotazione a stazioni
• 45 min · Piccoli gruppi

Rotazione a stazioni: Il Ciclo HTTP

Tre stazioni: una simula il Client (browser), una il Server e una il Canale (protocollo). Gli studenti devono scambiarsi messaggi formattati come richieste e risposte HTTP (GET, POST, codici di stato) per caricare una risorsa.

Quali sono i metodi principali del protocollo HTTP?

• Ricordare
• Comprendere
• Applicare
• Analizzare
• Autogestione
• Abilità Relazionali

Attività 03

• Think-Pair-Share
• 40 min · Coppie

Think-Pair-Share: UX Design Challenge

Data una problematica (es. un form di registrazione troppo lungo), gli studenti riflettono su come migliorarne l'usabilità, discutono in coppia e implementano una piccola soluzione interattiva in JavaScript.

Come si gestisce lo stato in un'applicazione web?

• Comprendere
• Applicare
• Analizzare
• Autoconsapevolezza
• Abilità Relazionali

Alcune note per insegnare questa unità

---

Attenzione a questi errori comuni

• Confondere Java con JavaScript.

  È un errore classico. Bisogna chiarire che, nonostante il nome simile, sono linguaggi diversi per scopi diversi. JavaScript nasce per il web ed è interpretato dal browser. Un confronto tra sintassi e contesti d'uso aiuta a dissipare il dubbio.

• Pensare che HTML sia un linguaggio di programmazione.

  HTML è un linguaggio di markup (formattazione). Non ha logica condizionale o cicli. Mostrare come JavaScript aggiunga la 'logica' a una struttura 'statica' HTML aiuta a comprendere i ruoli distinti delle tecnologie web.

---

Metodologie usate in questo brief

• Circolo di indagine
• Rotazione a stazioni
• Think-Pair-Share