Il mondo dello sviluppo web
Dato che i nostri giovani programmatori hanno già esperienza con due linguaggi di codifica a blocchi, è giunto il momento di passare in modo fluido al mondo della programmazione effettiva attraverso il confronto con ciò che già conoscono. Durante il primo livello, i bambini approfondiscono concetti come un "browser" e un "ambiente di sviluppo", familiarizzando con i termini specifici della programmazione legati al web. Il nostro principale obiettivo a questo livello è far conoscere ai ragazzi le tecnologie dei browser HTML e CSS, consentendo loro di acquisire una reale autostima nelle loro conoscenze e capacità. Al termine di questo livello, questi giovani programmatori possiedono tutte le conoscenze e le competenze necessarie per creare un sito web su qualsiasi argomento di loro interesse. Per ottenere risultati migliori, tutte le lezioni a questo livello sono orientate ai progetti. Questo approccio applica direttamente la teoria appresa alla pratica, consentendo ai bambini di rafforzare le loro conoscenze e comprensione teoriche e di stabilire le fondamenta essenziali per il loro futuro sviluppo.
Certificate
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
Some of the instruments and programming environments used by the students in this level.
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
- Introduzione al Mondo della Programmazione.
- Lezione di anatomia: Dove si trova il cervello di HTML?
- Ogni sito web ha le sue... Immagini.
- 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
- Ogni sito web ha i suoi... Link.
- Come lo fanno i programmatori?
- Una breve storia del lavoro di squadra.
- 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
- Tornando alle basi.
- I computer possono parlare!
- Lezione di biologia: Come sezionare l'HTML?
- 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
- Possiamo ingannare il CSS?
- Il CSS è solo un costruttore!
- Diventare registi di animazioni.
- Abbiamo imparato così tanto!