Risorse HTML/JavaScript

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.

_htmljs_basi

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.

_htmljs_giocoabivi

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.

_htmljs_colore

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.

_htmljs_ilmioblog

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.

_htmljs_filetto5

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.

_htmljs_snake

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.

_htmljs_ninjacells

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.

_htmljs_graficijs

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.

_htmljs_terra3d

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.

_htmljs_life

Tutto il codice sorgente può essere scaricato tramite un file zip presente nel nostro archivio.