Lezione 7 - Mini-progetto: il tuo stile personale

Discussione: cosa c'è di speciale nel tuo stile personale che vorresti condividere con il mondo?

Consenti ai volontari di condividere aspetti del loro stile personale che ritengono importanti.

Questa discussione consente agli studenti di condividere idee per i loro siti web, ma non è necessario che tutti condividano se preferiscono non farlo. L'obiettivo della discussione è far riflettere gli studenti sull'argomento e incoraggiarli a pensare ai siti web come a un modo per esprimersi.

I siti web ci consentono di condividere il nostro stile in modo creativo. Oggi lavoreremo sull'uso di ciò che abbiamo imparato sui CSS per condividere il nostro stile con il mondo.

Domanda del giorno: come puoi esprimere il tuo stile personale su una pagina web?

Distribuisci: consegna a ogni studente una copia della Guida al progetto.

Riflessione libera con la classe: prima di immergerti nei singoli progetti, prendi in considerazione l'idea di condurre una riflesione libera in classe su come potrebbero essere alcuni progetti di esempio che soddisfano questi criteri. Puoi anche decidere di mostrare uno o due dei siti web di esempio per ispirare la riflessione. Utilizzando queste idee, gli studenti potrebbero trovare più facile, per il loro progetto, ispirarsi a un'idea iniziale

Gli studenti avranno già descritto lo stile personale durante il riscaldamento, ma questa è l'occasione per loro di perfezionare ciò che vogliono dire o addirittura cambiare idea sullo stile del loro sito web.

Quando gli studenti rispondono a domande sul progetto della pagina, assicurati di distinguere tra il contenuto della pagina e il modo in cui il contenuto è strutturato. Dopo aver completato i progetti, assicuratevi che siano in grado di identificare quali proprietà CSS saranno necessarie per i diversi testi delle pagine web.

Valutare la congruità dei progetti degli studenti: gli studenti possono ideare progetti che vanno oltre le competenze che hanno attualmente o che richiederebbero più tempo del tempo assegnato per essere implementati. Invece di chiedere agli studenti di scegliere un progetto diverso, prova a chiedere agli studenti di immaginare una versione più ridotta della loro idea iniziale. Come analogia, se l'idea iniziale degli studenti è il passo "Corri", immagina una versione meno intensa che rappresenti come sarebbe il passo "Cammina". Se necessario, puoi anche continuare a tornare indietro fino a un passaggio di "Vai molto lento".

Scavando più a fondo: questo è a volte indicato come "Prodotto minimo funzionante" (o MVP, da Minimal Viable Product): puoi saperne di più su questo processo e adattarlo alle tue strategie di progetto leggendo questo articolo: Che senso ha il MVP di Henrik Kniberg

Dopo aver controllato i progetti, consenti agli studenti di accedere a Code Studio e codificare le loro pagine. Avranno la possibilità di rivedere tutti i tag che hanno appreso prima di iniziare a pubblicare sulle loro pagine web. Possono completare queste attività come revisione o utilizzarle come risorse mentre lavorano ai loro progetti.

Nuovo stile, nuovo progetto: al fine di creare opportunità per gli studenti di sviluppare una varietà di progetti e contribuire a enfatizzare le loro nuove competenze CSS, questo progetto non è collegato al precedente mini-progetto HTML della lezione 4. Se gli studenti desiderano ripartire dal loro lavoro precedente, possono tornare al progetto precedente e copiare e incollare il loro codice HTML in questo progetto. Oppure possono sfruttare questa opportunità per creare un sito web completamente nuovo adatto alla loro personalità.

Strategie per il debugging: mentre gli studenti progettano e implementano le proprie idee di progetto, potrebbero trovarsi con nuovi bug da districare e potresti ritrovarti a guardare un codice completamente sconosciuto mentre gli studenti cercano aiuto per risolvere i loro errori. Per semplificare l'esperienza di debugging, prendi in considerazione le seguenti strategie:

• Consulta la Guida per l'insegnante al debugging per alcune domande e strategie comuni per aiutare gli studenti a eseguire il debugging del loro codice
• Far seguire agli studenti i passaggi della Guida dello studente al debugging e utilizzare i Quaderni di reportistica per i bug come primo passo nel processo di debugging. Questo aiuta gli studenti a preparare e comunicare il loro problema prima di chiedere aiuto.
• Se gli studenti non l'hanno ancora visto, valuta la possibilità di mostrare il video sul debugging alla classe per rafforzare le migliori prassi di debugging.

Scavando più a fondo: valuta la possibilità di fornire agli studenti un oggetto con cui parlare come parte del processo di debugging. Questo a volte è noto come debugging di Rubber Duck: puoi saperne di più sul sito web https://rubberduckdebugging.com/

Gli studenti dovrebbero avere la possibilità di pensare a ciò che di più è loro piaciuto delle proprie pagine. Potresti anche consentire agli studenti di presentare formalmente o informalmente il proprio lavoro al resto della classe.

Come parte di questo progetto, puoi dare agli studenti l'opportunità di fornire riscontri ai loro colleghi utilizzando il modulo di revisione tra pari. Questo probabilmente prolungherà il progetto di almeno un giorno.

Come puoi esprimere il tuo stile personale su una pagina web?

Discussione: qual è una cosa che potrebbe migliorare la tua pagina web che non sai ancora come fare?

Mentre gli studenti condividono le proproe idee, le appendono alla lavagna o su un cartellone e cercano di evidenziare le competenze che acquisiranno nelle prossime lezioni.

Usa questa condivisione per far appassionare gli studenti alle cose che impareranno nelle prossime lezioni. Se crei un cartellone, potresti anche voler cancellare gli argomenti mentre li insegni. Per gli argomenti che non sono trattati nel corso, puoi indirizzare gli studenti verso argomenti simili trattati o, se del caso, indirizzarli verso risorse esterne che li guideranno nell'apprendimento di tali competenze.