Come studiare

Queste pagine offrono un percorso minimale di nozioni di base e semplici esempi pratici per introdurre alla programmazione orientata al web in PHP e JS, nella colonna di sinistra e rispettivamente centrale.

Inoltre, per vostra curiosità, sulla colonna di Destra, semplici esempi in Processing (o meglio .... ).

Si cerca di sottolineare come le stesse nozioni informatiche si ritrovino in tutti i linguaggi di programmazione, anche se formulate in modo diversi nei diversi linguaggi.
Coi bottoni Learn More si linka a risorse esterne che consideriamo particolarmente valide, in particolare a www.w3schools.com, e ai siti ufficiali degli sviluppatori di PHP, www.php.net, di JS, developer.mozilla.org/JavaScript, e di Processing, processing.org (, e di p5js p5js.org!).

UNICA STRATEGIA DI STUDIO CHE FUNZIONA:
Createvi degli esercizi e risolveteli, se non girano insistete fino a quando non capite!

PHP

nel box il codice, sotto il risultato della compilazione

$string = 'qui output';
echo $string;

qui output
php.net
w3schools

JS

nel box il codice, click sul box per vedere il risultato

var x = 5;
var y = 6;
var z = x + y;

MDN JS
w3schools


Ricordatevi che JS arriva lato client, quindi dove potete vedere il codice per produrre un semplice esempio come sopra (e scoprire qualche piccolo trucco)?

Un ottimo primo tutorial per imparare JS a MDN JavaScript basics

Processing

nel box il codice, sotto il risultato della compilazione

size(200, 100);
stroke("red");

int a = 35;
int b = 50;
int c = 100;

line(a, b, a+c, b);

Processing
p5.js


Nota e ricorda In Processing non scrivi codice che può essere compilato da un browser e mostrato in una pagina web. Ma per nostra fortuna qualcuno ha sviluppato una libreria JS, p5.js che simula molto bene Processing. Quindi nel box giallo qui sopra mostriamo il codice Processing, ma nel sorgente di queste pagine troviamo il corrispondente codice p5.js, quello che produce l'effetto grafico qui sopra. Studia quale modifiche sono necessarie per tradurre, o portare, uno script Processing in p5.js

PHP

PHP is a server-side scripting language designed for web development but also used .....

wikipedia

JS

JavaScript, often abbreviated as JS, is a high-level, interpreted programming language. .....

wikipedia

Rasmus Lerdorf

wikipedia

Processing

Processing is an open-source computer programming language and integrated development environment (IDE) built for the electronic arts, new media art, and visual design communities with the purpose of teaching non-programmers the fundamentals of computer programming in a visual context ....

wikipedia