Imparare a programmare con Javascript

Lavorando nel mondo della programmazione ed essendo io stesso uno sviluppatore, spesso e volentieri, mi sono imbattuto ad insegnare alcune cose a persone di diverso livello di conoscenza sul tema.
Non mi sono mai però approcciato nello spiegare tutta la programmazione ad un neofita che non ne conosce nulla a riguardo.
Con questo documento voglio spiegare tutti i concetti base della programmazione utilizzando come linguaggio di riferimento Javascript.

Perché Javascript
Come scrivere ed eseguire un programma
- Comandi base del terminale
- Il primo programma: Hello world!
Input ed output
Tipi predefiniti e variabili
- Condizionale
- Cicli while
  - Esercizi
- Cicli for
- Array
Bibliografia

Perché Javascript

Ho scelto di utilizzare Javascript per spiegare la programmazione per 3 semplici motivi - non del tutto razionali:

è il linguaggio di programmazione che utilizzo principlamente a lavoro;
ha una curva di apprendimento molto veloce;
ci sono molte risorse online di facile fruizione che possono aiutare a comprendere meglio il linguaggio. Per citarne qualcuna: w3schools; MDN.

Come scrivere ed eseguire un programma

Questa guida non è orientata al WEB ma solamente alla programmazione. Utilizzeremo Javascript solamente per studiarne i principi. Quindi, gli strumenti che utilizzeremo saranno:

un ambiente di sviluppo integrato (in lingua inglese integrated development environment) cioè un software che ci supporterà nella scrittura dei programmi. In particolare, utilizzeremo Visual Studio Code;
Node.js è una runtime di JavaScript Open source multipiattaforma orientato agli eventi per l'esecuzione di codice JavaScript, costruita sul motore JavaScript V8 di Google Chrome. Che tradotto significa: Node.js è un programma che ci permette di eseguire programmi scritti con il liguaggio di programmazione Javascript senza l'utilizzo di un browser.
La shell o terminale è un programma dotato di un'interfaccia a riga di comando, che viene eseguito all'interno di un terminale testuale. L'utente digita un comando, ovvero richiede l'esecuzione di un programma, e il programma eseguito può interagire con l'utente e/o mostrare dati sul terminale. Noi utilizzeremo la shell per eseguire i nostri programmi, per inserire informazioni nei nostri programmi e per vedere l'esecuzione di questi.

Installiamo Visual Studio Code e Node.js prima di passare al prossimo paragrafo.

Comandi base del terminale

Nei principali sistemi operativi (Linux, MacOS e Windows) è possibile utilizzare la shell dei comandi in modo nativo, perciò senza dove installare nulla oltre a quando proposto di default. Per accedere al teminale è necessario:

Windows 10: fare clic con il tasto destro del mouse sul menu Start e nel menù a discesa selezionare Windows PowerShell;
MacOS 10.15: fare clic sull’icona Launchpad nel Dock, scrivere Terminale nel campo di ricerca, quindi fare clic su Terminale;
Linux (Ubuntu): fare clic sul pulsante Dash (il pulsante Dash è posizionato nell'angolo superiore sinistro del desktop ed è caratterizzato dal logo di Ubuntu). Digitare la parola chiave terminale, quindi fare clic su Terminale.

Comandi comuni tra tutti i teminali:

pwd: vedere il percorso corrente in cui il terminale è posizionato;

Il primo programma: Hello world!

Una volta installati Visual Studio Code (da ora abbreviato VSC) e Node.js (da ora semplicemente node) saremo pronti per scrivere il nostro primo programma.

Aprire VSC;
Nel menù File selezionare New File;
Scrivere il seguente testo (da ora in poi il testo che contiene codice sarà indicato come codice):

var helloWorld = "Hello world!";

console.log(helloWorld);

Salviamo il file in una posizione che ci aggrada con il nome hello-world.js. Fare attenzione all'estenzione .js;
Aprire il terminale utilizzando quello incorporato con VSC (che non fa altro che utilizzare uno di quelli spiegati sopra): nello stesso menù di File, selezionare invece Terminal e poi fare clic su New Terminal. Si aprirà il prompt dei comandi sotto il file di testo che abbiamo scritto posizionato in una cartella. Per essere consapevoli del path completo eseguire il comando pwd.
Utilizzando i comandi spiegati nel paragrafio sopra, ci posizioniamo nella stessa cartella in cui abbiamo salvato il file hello-world.js.
Scriviamo il seguente comando nel terminale:

> node hello-world.js

Vedremo stampato (modo gergale informatico per dire visualizzato) in una nuova riga la stringa

> Hello world!

Input ed output

I programmi devono poter scambiare informazioni con l'esterno ed a questo servono le operazioni di lettura e stampa, dette di input/output e abbreviate in i/o.

Un programma comunica con l'esterno per mezzo di dispositivi molto diversi: in un computer moderno, l'input standard è la tastiera, l'output standard è lo schermo, ma un programma potrebbe poter scrivere o leggere da un dispositivo USB o da CD o DVD o semplicemente da un file nella memoria del computer o anche un file che risiede nella memoria di qualche altro computer raggiungibile d quello su cui il programma esegue.

Come abbiamo visto nell'esercizio precedente:

var helloWorld = "Hello world!";

console.log(helloWorld);

viene fatto utilizzo di console.log per poter stampare a video la scritta Hello world!. Console.log non è altro che un metodo per poter eseguire l'operazione di output del nostro programma.

Come si può notare non è possibile cambiare o inserire una nuova stringa senza prima modificare il programma, in pratica non è possibile utilizzare l'operazione di input.

Scriviamo un nuovo programma che stampa a video un saluto seguito dal nome di una persona, che andremo a salvare con il nome di hello.js.

var myArgs = process.argv.slice(2);
var nomeDellaPersona = myArgs[0];

console.log("Ciao", nomeDellaPersona, "!");

Andremo a scrivere poi nel seguente modo il comando nel terminale:

> node hello.js <stringa che vogliamo inserire come parametro>

nel concreto:

> node hello.js Matteo

Dopo l'esecuzione vedremo stampato:

> Ciao Matteo !

Se eseguiremo lo stesso comando con un nome diverso, per esempio Leonardo al posto di Matteo vedremo stampato:

> Ciao Leonardo !

In questo modo possiamo leggere un parametro dal terminale. Per leggerene più di uno, sarà necessario modificare il nostro programma ancora e cambiare la sintassi dell'esecuzione del comando.
In particolare, per inserire nel comando più di una parola basta separare i parametri con uno spazio:

> node hello.js Matteo Leonardo Alberto

Scriviamo un nuovo programma che stampa a video un il nome della persona seguito dalla sua età. Entrambi questi valori saranno letti come input. Andremo a salvare con il file con il nome di age.js.

var myArgs = process.argv.slice(2);
var nomeDellaPersona = myArgs[0];
var etaDellaPersona = myArgs[1];

console.log(nomeDellaPersona, "ha la seguente età:", etaDellaPersona);

Poniamo particolare attenzione alle righe:

var myArgs = process.argv.slice(2);
var nomeDellaPersona = myArgs[0];
var etaDellaPersona = myArgs[1];

myArgs è una variabile di tipo array (che faremo nei prossimi paragrafici) alla quale vengono assegnati tutti i valori scritti come parametro nell'esecuzione del programma. Per ora ci basta sapere che se richiamata con la seguente sintassi: myArgs[n] con n il numero del valore sarà possibile ottenere dentro il programma il valore scritto come parametro.

Facciamo un esempio per spiegare meglio questo concetto:

> node mio-programma.js one two three four

myArgs conterrà:

myArgs:  [ "one", "two", "three", "four" ]

Nel mio programma potrò ottenere i parametri facendo:

var parametroUno = myArgs[0]; // "one"
// ...
var parametroQuattro = myArgs[0]; // "four"

Tipi predefiniti e variabili

...

## Istruzioni di base

...

Condizionale

...

Cicli while

...

Esercizi

Una serie di esercizi sui cicli while.

Dati due numeri interi, calcolare il quoziente e il resto supponendo che l'esecutore non sappia fare la divisione.

Cicli for

...

Array

...

Algortmi

...

Funzioni

...

Ricorsione

...

Alberi

...

Programmazione funzionale

...

Programmazione ad oggetti

...

Bibliografia

Link utili:

Utility di scrittura

In questo paragrafo mi annoto le utility di Markdown utilizzate in questo documento:

Link utili:

https://github.com/yzhang-gh/vscode-markdown

blundert / imparare-a-programmare-con-javascript Goto Github PK