Michele Schimd

Il linguaggio Javascript rappresenta oggi uno dei linguaggi più utilizzati e più in espansione. Questo successo è dovuto sia al suo utilizzo come principale (per certi versi unico) linguaggio di scripting all’interno di pagine Web, sia al suo (relativamente recente) affermarsi come linguaggio per backend grazie a strumenti quali NodeJS. Questo modulo presenta i principali aspetti del linguaggio Javascript focalizzandosi sul suo utilizzo come linguaggio frontend. Le lezioni non possono esaurire l’immenso argomento Javascript per cui si consiglia di approfondire gli aspetti attraverso materiale online attraverso i link forniti nelle varie lezioni.

Lezioni

Basi di Javascript

In questa lezione presentiamo le basi del linguaggio Javascript. In particolare si discute: variabili e tipi, gestione del flusso.
Vai alla pagina...

Array e Oggetti in Javascript

In questa lezione si presentano due tipi di dato molto utilizzati in Javascript gli array e gli object.
Vai alla pagina...

Canvas

L’elemento HTML5 <canvas> Attenzione A differenza di altri tag HTML5 (ad esempio <img>), il tag <canvas> deve sempre essere chiuso con il corrispondente </canvas> anche se il contenuto del tag è vuoto. Interazione di base Disegnare path Disegnare testo Disegnare immagini
Vai alla pagina...

Laboratorio 1: Tic Tac Toe (Tris) con Canvas HTML5

Descrizione del laboratorio In questo laboratorio verrà sviluppato il classico gioco Tic Tac Toe (in Italia noto con il nome Tris). Il gioco verrà sviluppato nella sua interezza, partendo dalla rappresentazione in memoria della scacchiera di gioco, fino alla realizzazione dei controlli necessari a renderlo pienamente funzionante. La parte più significativa del laboratorio è l’utilizzo dell’elemento <canvas> di HTML5 spiegato meglio nella lezione dedicata. Il laboratorio è diviso in tre parti:
Vai alla pagina...

Laboratorio 2: Utilizzo di un JSON per creare un DOM

In questo laboratorio si utilizzano le primitive asincrone di Javascript per recuperare un file JSON il cui contenuto verrà utilizzato per popolare dinamicamente il DOM di un documento HTML.
Vai alla pagina...