Impariamo a costruire pagine professionali e interattive con HTML e uno dei linguaggi oggi più popolari: Javascript. Un vero argomento da grandi programmatori! I tutorial sono riportati indicativamente in ordine di complessità crescente.
Cliccare sulle immagini sotto per ottenere i tutorial.
Le basi dell’HTML
In questo tutorial impariamo i concetti base della costruzione delle pagine web utilizzando HTML e CSS.
Esiste un ulteriore file con alcuni esempi di altri tipi di tag HTML.
Gioco a bivi: avventura nel castello
Un classico del nostro Coderdojo, che trae ispirazione dal gioco in 5 righe di html, diffuso dal Dojo di Galway. Si tratta di costruire un percorso a scelte multiple tramite link a diverse pagine html.
Di questo gioco ne esistono diverse varianti alcune che fanno uso anche di Javascript. Non tutte sono adeguatamente coperte da tutorial, ma se siete avventurosi potete scaricare uno zip che contiene tutto e provare a capirci qualcosa da soli (altrimenti venite ai nostri incontri e chiedete ai Mentor!)
Colora il Box!
Tre tutorial che sviluppano lo stesso esercizio di programmazione (colorare un box quadrato) in tre modalità di livello (difficoltà e competenze) crescente.
Il Mio Blog
Costruiamo una pagina web personale, insomma un semplice blog. Ma invece di utilizzare i servizi online costruiamocelo da zero: ci vorrà forse un po’ di fatica in più, ma la soddisfazione sarà certamente maggiore.
Anche in questo caso è possibile scaricare uno zip con risorse addizionali e file di esempio.
Morra Cinese
Ecco la riproduzione digitale di un gioco di abilità famoso in tutto il mondo, “Carta, Sasso e Forbici” detto anche “Morra cinese”.
Filetto a 5
Il filetto si gioca su una griglia ampia a piacere, e l’obiettivo è mettere in file 5 segni uguali.
I file di supporto al gioco sono disponibili in uno zip file nel nostro archivio.
Ninja Snake
Il classico gioco con il serpente che mangia i pallini rossi a spasso per lo schermo e che diventa via via sempre più lungo. Naturalmente evitare di scontrarsi con le pareti esterne e con parti del corpo del serpente.
Il tutorial è spartano, ma potete realizzare il gioco per conto vostro aiutandovi con le risorse che potete scaricare tramite il file zip presente nell’archivio.
Ninja Cells
In questo gioco ispirato ad Agar.io dobbiamo guidare una piccola cellula a mangiare altre cellule rosse evitando di andare a sbattere sui bordi. Non esiste un tutorial vero e proprio, ma aiutandosi con il file zip presente nel nostro archivio è possibile realizzare questo divertente gioco.
Grafici Javascript
Se siete arrivati fin qui non avete più bisogno di tutorial! 🙂 Provate a giocare con il codice presente nella pagina dei grafici Javascript.
La terra in 3D
Effetti grafici spettacolari con questo esempio di codice HTML+Javascript che simula il pianeta terra ruotante su uno sfondo nero + altre varianti.
Anche in questo caso è possibile scaricare il codice completo tramite un file zip presente nel nostro archivio.
Il gioco della vita
Javascript all’ennesima potenza in una simulazione matematica semplice ma dagli effetti ipnotici. Il gioco della vita, uno dei primi e dei più classici esempi di automi cellulari. Inventato dal matematico inglese John Convay.
Tutto il codice sorgente può essere scaricato tramite un file zip presente nel nostro archivio.
