Il mondo dello sviluppo web

Dal momento che i nostri giovani programmatori hanno già esperienza con due linguaggi di programmazione basati su blocchi, è ora di passare in modo fluido al mondo della programmazione effettiva, facendo confronti con ciò che già conoscono. Durante il primo livello, i bambini approfondiscono concetti come un "browser" e un "ambiente di sviluppo", diventando familiari con termini specifici della programmazione web. La nostra principale attenzione in questa fase è far conoscere ai ragazzi le tecnologie dei browser come HTML e CSS, consentendo loro di acquisire una reale fiducia nelle loro abilità e conoscenze. Al termine di questo livello, i giovani programmatori avranno tutte le conoscenze e le competenze necessarie per creare un sito web su qualsiasi argomento li interessi. Per ottenere risultati migliori, tutte le lezioni in questo livello sono orientate ai progetti. Questo approccio consente ai bambini di applicare direttamente la teoria che apprendono nella pratica, rafforzando la loro conoscenza e comprensione teoriche. Questa base è essenziale per il loro sviluppo futuro.

Certificate

Certificates Mindhub

The student will receive certificate for each completed level.

Bonus points

500 points

Each completed module is bringing you 100 points and the full level 500 points.

Tools

css-html

Some of the instruments and programming environments used by the students in this level.

Boards

One level = 4 Modules

Location

One module = 4 class

Time

One class = 120 minutes

Enroll

100 POINTS

Module 1 - Creiamo il nostro primo sito web!

Nella prima lezione di questo modulo, i bambini si avvicinano a concetti fondamentali come 'programma informatico', 'programmazione', 'ambiente di sviluppo' e 'browser', costituendo le basi per il loro apprendimento futuro. I successivi tre argomenti approfondiscono la struttura fondamentale di HTML, introducendo i bambini ai termini come 'tag' e 'attributo.' Nell'ultimo argomento del modulo, ai giovani sviluppatori viene chiesto di creare una pagina web che includa tutti i componenti studiati durante il modulo.

Topics

  1. Introduzione al Mondo della Programmazione.
  2. Lezione di anatomia: Dove si trova il cervello di HTML?
  3. Ogni sito web ha le sue... Immagini.
  4. HTML è come fare un panino!

100 POINTS

Module 2 - Essere un artista...

Durante i primi due argomenti del modulo, prosegue l'esplorazione delle tag principali e degli attributi in HTML, e i bambini creano la struttura di base del sito web su cui lavoreranno fino alla fine del livello. La seconda metà del modulo introduce anche il CSS, oltre a una conoscenza di base dei colori, dei font e delle immagini, che trovano applicazione diffusa anche al di fuori della programmazione web.

Topics

  1. Ogni sito web ha i suoi... Link.
  2. Come lo fanno i programmatori?
  3. Una breve storia del lavoro di squadra.
  4. Ogni sito web ha i suoi... Pulsanti.

100 POINTS

Module 3 - Siamo Web Designer!

Il primo argomento del modulo continua l'esplorazione delle principali tag HTML, ed i bambini continuano a sviluppare e migliorare il progetto del modulo precedente. Questo, ci consente di approfondire ulteriormente lo stile CSS e al contempo dimostrare le 'best practices' nella creazione di un progetto che richiede l'organizzazione di più di una cartella o file.

Topics

  1. Tornando alle basi.
  2. I computer possono parlare!
  3. Lezione di biologia: Come sezionare l'HTML?
  4. Creiamo una copertina!

100 POINTS

Module 4 - Colorare come maestri

In tutto questo modulo, i bambini completano il progetto su cui stiamo lavorando fin dall'inizio. In questa fase avanzata del livello, affrontiamo concetti più complessi come 'document segmentation', 'pseudo-selettori' e metadati. Alla fine del modulo, il progetto su cui stiamo lavorando è completato ed offre ai bambini la possibilità di dimostrare ciò che hanno imparato modificandolo e stilizzandolo a loro piacimento.

Topics

  1. Possiamo ingannare il CSS?
  2. Il CSS è solo un costruttore!
  3. Diventare registi di animazioni.
  4. Abbiamo imparato così tanto!