In questa lezione vedremo tutti i tipi di funzioni che si possono utilizzare in TypeScript.

Per creare una funzione in  TypeScript dovete utilizzare la sintassi seguente:

function nomeFunzione(elenco argomenti):tipoValoreRestituito {
     // Codice funzione
}

Se la funzione si comporta come una procedura , perché non restituisce nessun valore, come tipoValoreRestituito  dovete usare il tipo void.

Ad esempio la funzione contaFinoADieci è di tipo void, perché è una procedura che visualizza un numero da 1 fino a 10:

La parola chiave let indica che la variabile x può essere usata solo nel blocco for, al di fuori del blocco for non è visibile. Per usare la x anche al di fuori del blocco for dovete usare la parola chiave var. 

Anche la funzione contaFinoAMax è una procedura, ma attraverso l'argomento max permette di visualizzare un numero da 1 ad un valore predefinito.

Quando la funzione  restituisce un valore attraverso il comando return, il  tipoValoreRestituito deve essere dello stesso tipo, come mostra l'esempio seguente:

 

DIFFERENZA TRA FUNZIONI CON PASSAGGIO PER VALORE E PASSAGGIO PER RIFERIMENTO

Le funzioni sono task di programmazione che eseguono operazioni specifiche quando vengono eseguite.

Se necessario possono ricevere argomenti in input e restituire un argomento come output, naturalmente se non sono di tipo  void.  

L'immagine seguente mostra il comportamento di una funzione che riceve n argomenti in ingresso (input)  e ne restituisce uno in uscita (output).

Block box significa che se una funzione riceve in input gli  stessi argomenti, fornisce sempre lo stesso risultato come output.

Gli argomenti delle funzioni, sia in input, sia in output, possono essere passati per valore oppure per riferimento. 

Quando passate un argomento per valore state passando il contenuto di una variabile. 

Quando il passaggio avviene per riferimento state passando l'indirizzo di un array oppure di un oggetto in cui sono contenuti i valori.

Questa differenza è molto importante perché  se il passaggio degli argomenti avviene per valore, utilizzate una copia dei valori originali, mentre se il passaggio degli argomenti avviene per riferimento, attraverso l'indirizzo lavorate direttamente  con i valori degli array o degli oggetti originali. 

L'immagine seguente descrive un esempio di passaggio per valore, in questo caso gli argomenti della funzione divisione ricevono una copia del contenuto delle variabili dividendo e divisore.

L'immagine seguente descrive un esempio di passaggio per riferimento, in questo caso l'argomento della funzione calcolaQuadrato riceve una copia del riferimento (indirizzo) dell'array di interi numeri, attraverso il riferimento può modificare direttamente il contenuto dell'array.

Esempio 1

L'esempio seguente mostra che il passaggio per valore permette di copiare il contenuto della variabile originale nella variabile indicata come argomento. Modificando il contenuto della variabile indicata come argomento della funzione, il contenuto della variabile originale non cambia: 

Con il passaggio per valore, per modificare  il contenuto della variabile originale dovete usare il comando return, come mostra l'esempio seguente:

Esempio 2

Esempio 3

L'esempio seguente mostra che il passaggio per riferimento permette di copiare l'indirizzo di un array o di un oggetto nella variabile indicata come argomento. Attraverso il riferimento è possibile modificare direttamente il valore della variabile originale: 

 

FUNZIONI ANONIME

In TypeScript le funzioni possono essere passate  come argomenti ad altre funzioni, utilizzando il loro riferimento. 

In questo caso non passate un'informazione, ma un comportamento.

Una funzione che riceve in input il riferimento di una funzione viene chiamata funzione superiore.  

Le funzioni anonime sono funzioni che non hanno un nome e possono essere eseguite attraverso il loro riferimento.

Questo tipo di funzione può anche essere passata come argomento ad funzione superiore.

 L'esempio seguente mostra come si crea ed esegue una funzione anonima, utilizzando il metodo log che in questo caso è la funzione superiore.

 

FUNZIONI LAMBDA

Le funzioni lambda sono particolari tipi di funzioni anonime, quindi anch'esse possono essere passate  come argomenti alle funzione superiori.

La sintassi per creare le funzioni lambda è leggermente diversa da quella usata per le funzioni anonime, perché al posto della parola chiave function si usa l'operatore freccia "=>", come mostra l'esempio seguente:

Attenzione, le funzioni lambda e le funzioni anonime, se sono composte da una sola riga di comando, possono essere implementate senza usare le parentesi graffe e senza indicare il return, come mostra l'esempio seguente:

 

FUNZIONI RICORSIVE

In TypeScript le funzioni sono ricorsive, cioè possono chiamare se stesse. Questa caratteristica è molto importante perché la ricorsività permette di simulare il comportamento di un ciclo while al contrario. 

Per capire l'utilità della ricorsività delle funzioni facciamo alcuni  esempi.

Esempio 4

Visualizzare il contenuto di una array d'interi partendo dall'ultimo valore al primo.

A) Soluzione utilizzando un while.

B) Soluzione utilizzando una funzione ricorsiva.

Esempio 5

Calcolare il fattoriale di un numero intero N.
Il fattoriale di un numero intero N è dato dal prodotto di tutti i valori compresi tra 1 ad N, ad esempio il fattoriale di 3 = 1 * 2 * 3 = 6.
 

A) Soluzione utilizzando un while.

B) Soluzione utilizzando una funzione ricorsiva.

Attenzione, per convenzione, il fattoriale di 0 = 1.

 

FUNZIONI CON ARGOMENTI OPZIONALI

In TypeScript si possono creare funzioni con argomenti opzionali, per rendere l'argomento di una funzione opzionale basta inserire un "?" dopo il nome dell'argomento, come mostra l'esempio seguente:

function infoFiguraGeometrica(tipoFigura:string, valoreUno:number,valoreDue?:number,valoreTre?:number){...} 

La dichiarazione della funzione  infoFiguraGeometrica  indica che gli argomenti tipoFigura:string, valoreUno:number, sono obbligatori e gli argomenti valoreDue?:number,valoreTre?:number sono opzionali.

L'attributo length dell'interfaccia arguments permette do conoscere il numero di argomenti passati ad una funzione con argomenti opzionali. 

Esempio 6

Un argomento opzionale a cui non viene passato nulla contiene il valore undefined, come mostra l'esempio seguente:

 

Per passare ad una funzione con argomenti opzionali, gli argomenti richiesti, utilizzando i nomi degli argomenti,  dovete usare un'interfaccia e passare gli argomenti alla funzione con la notazione JSON, come mostra l'esempio seguente:

 

FUNZIONI CON ARGOMENTI REST

In TypeScript un altro modo per creare funzioni con argomenti opzionali  è quello di utilizzare l'operatore "..." chiamato REST.  L'argomento preceduto dall'operatore REST diventa un array che contiene i valori di tutti gli argomenti passati, come mostrano gli esempi seguenti:

Esempio 7 

Esempio 8

Nella prossima lezione iniziamo a parlare di Object Oriented in TypeScript, introducendo le Classi e gli Oggetti.

---

<< Lezione precedente           Lezione successiva >> | Vai alla prima lezione

---

T U T O R I A L S    S U G G E R I T I

• Impariamo Python giocando al "Solitario del ferroviere"
• Impariamo a programmare con JavaScript
• Laboratori di Logica di programmazione in C
• Introduzione alla Logica degli oggetti
• Ricominciamo ... dal Linguaggio SQL
• APP Mania
• Come sviluppare un Sito con Wordpress
• Excel delle meraviglie

---

EDUCATIONAL GAMING BOOK (EGB) "H2O"

Nell'era dello SMART LEARNING e di PYTHON i libri non si scrivono, ma si sviluppano, in questo modo chi studia, può sperimentare ed apprendere contemporaneamente; un libro con queste caratteristiche lo possiamo definire un  Educational Gaming Book (EGB).

"H2O" è un EGB che descrive tutte le caratteristiche dell'acqua, la sostanza formata da molecole di H2O, che attraverso il suo ciclo di vita garantisce la sopravvivenza di tutti gli esseri viventi del Pianeta. 

L'obiettivo dell'EGB è quello di far conoscere ai giovani le proprietà dell'acqua, sotto molti aspetti uniche, per sensibilizzarli a salvaguardare un bene comune e raro, indispensabile per la vita. 

Per il DOWNLOAD di "H2O" clicca qui.

In questa lezione approfondiamo la gestione degli array, introducendo  le principali tecniche di CRUD.

Come abbiamo già visto nella lezione precedente, un array è un contenitore dinamico d'informazioni, per poterlo usare in TypeScript lo dovete prima dichiarare:

var nominativi:string[];

Le parentesi quadre dopo il tipo differenziano gli array dalle variabili. Dopo aver dichiarato un array lo dovete sempre inizializzare come mostrano gli esempi seguenti:

var nominativi:string[];
nominativi=[]; // Inizializzazione di un array vuoto

oppure

var nominativi:string[];
nominativi=['Mario Rossi','Paola Verdi']; // Inizializzazione di un array con due nominativi.

Potete anche dichiarare in inizializzare  contemporaneamente:

var nominativi:string[]=[]; //  Dichiarazione ed inizializzazione di un array vuoto

oppure

var nominativi:string[]=['Mario Rossi','Paola Verdi']; // Dichiarazione ed inizializzazione di un array con due nominativi

CREATE (INSERIMENTO)

Per aggiungere le informazioni richieste in un array dovete usare il metodo push:

var nominativi:string[]=[]; //  Dichiarazione ed inizializzazione di un array vuoto
nominativi.push('Mario Rossi');
nominativi.push('Paola Verdi');

READ (LETTURA)

Per leggere il contenuto di un elemento di un array, dovete conoscere la sua posizione ed indicarla attraverso un indice che corrisponde ad un valore numerico compreso tra 0 ed n-1, dove n è il numero totale di elementi nell'array.
Attenzione il primo elemento di un array corrisponde all'indice 0, l'ultimo all'indice n-1, come mostra l'esempio seguente:

 

Esempio 1

 

UPDATE (MODIFICA)

Per modificare il contenuto di un elemento di un array basta  sostituire semplicemente il vecchio valore con quello nuovo, come indica l'esempio seguente:

nominativi[3]='Pietro Morra";  // Sostituiamo Ugo Formisano con Pietro Morra 

Esempio 2

DELETE (ELIMINA)

Per eliminare uno o più  elementi da un array dovete usare il metodo splice, fornendo l'indice del primo elemento e quanti elementi volete cancellare, come mostra l'esempio seguente:

nominativi.splice(2,1); // l'indice 2 indica il 3° elemento dell'array, il valore 1 indica che vogliamo cancellare solo quello

oppure

nominativi.splice(2,2); // l'indice 2 indica il 3° elemento dell'array, il valore 2 indica che vogliamo cancellare il 3° ed il 4° elemento dell'array

oppure

nominativi.splice(2); // l'indice 2 indica il 3° elemento dell'array, non avendo indicato quanti elementi eliminare vengono cancellati tutti gli elementi dell'array dal 3° in poi

Esempio 3

Esempio 4

L'argomento del metodo filter è una funzione lambda, una funzione anonima che riceve come argomenti di volta in volta, tutti i valori dell'array e ritorna solo quelli dispari:

// Funzione lambda
(numero:number) => {
     if(numero%2!=0){
         return numero; // Aggiunge al nuovo array solo i valori che soddisfano la condizione
     }
}

Il simbolo => è detto freccia, si usa per associare gli argomenti della funzione lambda all'implementazione.

 

VISUALIZZA IL TOTALE DEI NUMERI DISPARI

 

La funzione lambda del metodo reduce, viene eseguita per ogni elemento dell'array. Il primo argomento della funzione è un accumulatore, conserva il valore del calcolo precedente, mentre il secondo argomento, corrisponde al valore corrente dell'array.

 

CALCOLA IL CUBO DEI VALORI DELL'ARRAY

 

TOTALE DEL CUBO DEI NUMERI PARI DELL'ARRAY

 

VISUALIZZA L'ETA' MEDIA DELLE DONNE CON LAUREA INSERITE NELL'ARRAY

Nella prossima lezione vedremo tutti i tipi di funzioni disponibili in TypeScript.

---

<< Lezione precedente           Lezione successiva >> | Vai alla prima lezione

---

T U T O R I A L S    S U G G E R I T I

• Impariamo Python giocando al "Solitario del ferroviere"
• Impariamo a programmare con JavaScript
• Laboratori di Logica di programmazione in C
• Introduzione alla Logica degli oggetti
• Ricominciamo ... dal Linguaggio SQL
• APP Mania
• Come sviluppare un Sito con Wordpress
• Excel delle meraviglie

---

EDUCATIONAL GAMING BOOK (EGB) "H2O"

Nell'era dello SMART LEARNING e di PYTHON i libri non si scrivono, ma si sviluppano, in questo modo chi studia, può sperimentare ed apprendere contemporaneamente; un libro con queste caratteristiche lo possiamo definire un  Educational Gaming Book (EGB).

"H2O" è un EGB che descrive tutte le caratteristiche dell'acqua, la sostanza formata da molecole di H2O, che attraverso il suo ciclo di vita garantisce la sopravvivenza di tutti gli esseri viventi del Pianeta. 

L'obiettivo dell'EGB è quello di far conoscere ai giovani le proprietà dell'acqua, sotto molti aspetti uniche, per sensibilizzarli a salvaguardare un bene comune e raro, indispensabile per la vita. 

Per il DOWNLOAD di "H2O" clicca qui.

TypeScript a differenza di Javascript,  permette di dichiarare le variabili con 3 tipi di dati primitivi:

- number (interi e decimali);
- string (caratteri alfanumerici);
- boolean (true e false).

L'esempio seguente mostra come si dichiarano e si assegnano valori  alle variabili in TypeScript:

Il comando var rende la variabile di tipo globale nel modulo in cui viene dichiarata.

COME DICHIARARE UNA VARIABILE A CUI  ASSEGNARE QUALUNQUE TIPO DI VALORE

Una variabile a cui si può assegnare qualunque tipo di valore è di tipo "Variant".

In TypeScript il tipo "Variant" corrisponde al tipo di dato any.

Ad esempio alle variabili seguenti potete assegnare qualunque tipo di valore:

// Dichiarazione
var valoreQualunqueUno:any;
var valoreQualunqueDue:any;
var valoreQualunqueTre:any;
var valoreQualunqueQuattro:any;

// Inizializzazione
valoreQualunqueUno=30;
valoreQualunqueDue=10.80;
valoreQualunqueTre:any="Arancione"
valoreQualunqueQuattro=true;

// Visualizzazione
console.log(valoreQualunqueUno);
console.log(valoreQualunqueDue);
console.log(valoreQualunqueTre);
console.log(valoreQualunqueQuattro)

COME DICHIARARE UNA VARIABILE DI TIPO DATA
In TypeScript il tipo data non è un tipo di dato primitivo, ma una classe.
Per riconoscere se un tipo di dato è primitivo oppure è una classe è semplice, i nomi dei tipi primitivi sono minuscoli mentre le classi iniziano sempre con una lettere maiuscola, come mostra l'esempio seguente:

var nome:string // Tipo di dato primitivo
var dataDiNascita:Date //Tipo Classe

Le variabili di tipo classe, possono contenere sia valori, sia funzioni, chiamate metodi, che servono per fare operazioni sul valori memorizzati. Le variabile di  tipo classe sono chiamate oggetti e si inizializzano con il comando new, come mostra l'esempio seguente:

var gg=number; // Variabile
var mm=number; // Variabile
var aaaa=number; // Variabile
var dataDiNascita=new Date("10/05/1990"); // Oggetto perché oltre ai valori può contienere anche metodi
gg=dataDiNascita.getData(); // Uso di un metodo che fornisce il giorno della data inserita
mm=dataDiNascita.getMonth(); // Uso di un metodo che fornisce il mese della data inserita
aaaa=dataDiNascita.gerFullYear(); // Uso di un metodo che fornisce l'anno della data inserita
console.log(gg+"/"+mm+"/"+aaaa);

COME LAVORARE CON GLI ARRAY

In TypeScript gli array si dichiarano come le variabili, l'unica differenza è che al tipo di dato , sia di tipo primitivo, sia di tipo classe, dovete aggiungere una coppia di parentesi quadre, come mostra l'esempio seguente:

var valori:number[]; // Array di tipo number, può contenere molti valori interi oppure decimali

Per dichiarare un array vuoto dovete usare la sintassi seguente:

var valori:number[]=[]; // Dichiarazione e inizializzazione

oppure

var valori:number[]; // Dichiarazione 
valori=[]; // Inizializzazione

Per assegnare dei valori ad un array potete usare la sintassi seguente:

var valori:number[]=[10,5,20,15,30]; // Dichiarazione e inizializzazione

oppure

var valori:number[]; // Dichiarazione 
valori=[10,5,20,15,30]; // Inizializzazione

Dopo aver dichiarato ed inizializzato un array, per aggiungere nuovi valori, dovete usare il metodo push():

valori.push(50);
valori.push(40);
valori.push(35);
valori.push(25);
valori.push(45);

Tutti i valori di un array sono identificati da un indice numerico. Il primo valore corrisponde all'indice 0, l'ultimo valore corrisponde all'indice n-1, dove n è il numero di valori inserito nell'array.

L'attributo length contiene il numero di valori inseriti in un array (n).

Per visualizzare il contenuto di un array potete utilizzare un ciclo for, come mostra l'esempio seguente:

for(let x:number=0;x<valori.length;x++){
    console.log(valori[x]);
}

// valori_inserimento.ts
var valori:number[]=[10,5,20,15,30];
valori.push(50);
valori.push(40);
valori.push(35);
valori.push(25);
valori.push(45);

Per modificare una valore inserito in un array dovete prima conoscere in quale posizione si trova (indice) e successivamente lo potete sostituire con il nuovo valore.

Esempio 2

// nominativi_modifica.ts
var nominativi:string[]=[];
nominativi.push("Paola Rossi");
nominativi.push("Ugo Verdi");
nominativi.push("Mara Bianchi");
nominativi.push("Marco Borriello");
nominativi.push("Roberta Di Donna");

for(let x:number=0;x<nominativi.length;x++){
    console.log((x+1)+") "+nominativi[x]);
}

1) Paola Rossi
2) Ugo Verdi
3) Mara Bianchi
4) Marco Borriello
5) Roberta Di Donna
Nominativi inseriti:5
1) Michela De Pretis
2) Ugo Verdi
3) Francesco Ferrara
4) Marco Borriello
5) Carla Miranda

Per eliminare un valore inserito in un array, dovete usare il metodo splice(indice,quanti), dove:

indice=posizione nell'array da dove iniziare ad eliminare;
quanti=quanti valori eliminare partendo dalla posizione indice.

Esempio 3

// nominativi_elimina.ts
var nominativi:string[]=[];
nominativi.push("Paola Rossi");
nominativi.push("Ugo Verdi");
nominativi.push("Mara Bianchi");
nominativi.push("Marco Borriello");
nominativi.push("Roberta Di Donna");

for(let x:number=0;x<nominativi.length;x++){
    console.log((x+1)+") "+nominativi[x]);
}

nominativi.splice(2,1) // Elimina il terzo nominativo dall'array

for(let x:number=0;x<nominativi.length;x++){
    console.log((x+1)+") "+nominativi[x]);
}

---------- COMPILAZIONE ED ESECUZIONE  ----------
tsc nominativi_elimina
node nominativi_elimina

---------- OUTPUT ----------
Nominativi inseriti:5
1) Paola Rossi
2) Ugo Verdi
3) Mara Bianchi
4) Marco Borriello
5) Roberta Di Donna
Nominativi inseriti:4
1) Paola Rossi
2) Ugo Verdi
3) Marco Borriello
4) Roberta Di Donna

 

COME CREARE UN TIPO CLASSE PER ISTANZIARE OGGETTI

Un tipo classe è un tipo di dato definito dal programmatore, si differenzia dai tipi primitivi number, string e boolean, perché permette di memorizzare più informazioni contemporaneamente, come avviene per le strutture in C.

Le classi a differenza delle strutture, possono contenere anche funzioni, chiamate metodi, che permettono di eseguire operazioni sulle informazioni memorizzate.

I costruttori sono funzioni come i metodi che si usano durante la creazione degli oggetti (istanza) e servono per inizializzare i suoi attributi.

COME LAVORARE CON UNA STRUTTURA JSON (JavaScript Object Notation)

In  TypeScript una struttura JSON può essere definita come una variabile multivalore.

JSON è il nuovo formato testo (NOSQL) per organizzare dati, indipendente dal linguaggio di programmazione usato, molto utile per scambiare dati tra applicazioni scritte con linguaggi di programmazione diversi.

JSON è il formato di raccolta ed organizzazione dei dati più usato nel mondo dei Big Data, dove è molto diffuso l'uso di database NOSQL, come MONGODB, che usano strutture JSON al posto delle classiche tabelle usate nei database SQL (Relazionali).

Per dichiarare una  struttura JSON, dovete indicare in una coppia di parentesi graffe tutte le variabili che la compongono, come mostra l'esempio seguente:

var persona:{id:number, nome:string, cognome:string, luogoDiNascita:string, dataDiNascita:Date,sesso:boolean, codiceFiscale:string, titoliDiStudio:string[]};

Esempio 6

---------- COMPILAZIONE ED ESECUZIONE  ----------
tsc gestione_persone_json_01
node gestione_persone_json_01

---------- OUTPUT ----------

{
  id: 1,
  nome: 'Paola',
  cognome: 'Verdi',
  luogoDiNascita: 'Roma',
  dataDiNascita: 1990-10-04T23:00:00.000Z,
  sesso: true,
  codiceFiscale: 'pllvrd90l05l234f',
  titoliDiStudio: [ 'Diploma', 'Laurea' ]
}
{
  id: 2,
  nome: 'Marco',
  cognome: 'Rossi',
  luogoDiNascita: 'Napoli',
  dataDiNascita: 1996-01-04T23:00:00.000Z,
  sesso: false,
  codiceFiscale: 'mrcrss96l01l256g',
  titoliDiStudio: [ 'Diploma', 'Laurea Triennale', 'Laurea Magistrale' ]
}

L'output mostra i dati delle due persone secondo la convenzione  JSON.

 

COME CREARE UN'INTERFACCIA PER DICHIARARE UNA STRUTTURA JSON (JavaScript Object Notation)

Per dichiarare una  struttura JSON, potete anche usare un'interfaccia che contiene le dichiarazioni di tutte le variabili che la compongono.

Per creare un'interfaccia, dovete usare la parola chiave interface, come mostra l'esempio seguente:

 interface PersonaJSON{
    id:number,
    nome:string, 
    cognome:string, 
    luogoDiNascita:string, 
    dataDiNascita:Date,
    sesso:boolean, 
    codiceFiscale:string, 
    titoliDiStudio:string[]
}

In questo caso avete creato il tipo di dato PersonaJSON, che serve per dichiarare strutture JSON che contengono le informazioni inserite nell'interfaccia.

 

Esempio 7

//  gestione_persone_json_02.ts

interface PersonaJSON{
    id:number,
    nome:string, 
    cognome:string, 
    luogoDiNascita:string, 
    dataDiNascita:Date,
    sesso:boolean, 
    codiceFiscale:string, 
    titoliDiStudio:string[]
}
var personaUno:PersonaJSON;
var personaDue:PersonaJSON;
personaUno={id:1,nome:"Paola",cognome:"Verdi",luogoDiNascita:"Roma",dataDiNascita:new Date("10/05/1990"),sesso:true,codiceFiscale:"pllvrd90l05l234f",titoliDiStudio:["Diploma","Laurea"]};
personaDue={id:2,nome:"Marco",cognome:"Rossi",luogoDiNascita:"Napoli",dataDiNascita:new Date("1/5/1996"),sesso:false,codiceFiscale:"mrcrss96l01l256g",titoliDiStudio:["Diploma","Laurea Triennale","Laurea Magistrale"]};

console.log(personaUno);
console.log(personaDue);

---------- COMPILAZIONE ED ESECUZIONE  ----------
tsc gestione_persone_json_02
node gestione_persone_json_02
 

---------- OUTPUT ----------

{
  id: 1,
  nome: 'Paola',
  cognome: 'Verdi',
  luogoDiNascita: 'Roma',
  dataDiNascita: 1990-10-04T23:00:00.000Z,
  sesso: true,
  codiceFiscale: 'pllvrd90l05l234f',
  titoliDiStudio: [ 'Diploma', 'Laurea' ]
}
{
  id: 2,
  nome: 'Marco',
  cognome: 'Rossi',
  luogoDiNascita: 'Napoli',
  dataDiNascita: 1996-01-04T23:00:00.000Z,
  sesso: false,
  codiceFiscale: 'mrcrss96l01l256g',
  titoliDiStudio: [ 'Diploma', 'Laurea Triennale', 'Laurea Magistrale' ]
}

Esempio 8

//  gestione_persone_json_03.ts

interface PersonaJSON{
    id:number,
    nome:string, 
    cognome:string, 
    luogoDiNascita:string, 
    dataDiNascita:Date,
    sesso:boolean, 
    codiceFiscale:string, 
    titoliDiStudio:string[]
}
var persone:PersonaJSON[]=[]; // Array si strutture JSON di tipo PersonaJSON
persone.push({id:1,nome:"Paola",cognome:"Verdi",luogoDiNascita:"Roma",dataDiNascita:new Date("10/05/1990"),sesso:true,codiceFiscale:"pllvrd90l05l234f",titoliDiStudio:["Diploma","Laurea"]});
persone.push({id:2,nome:"Marco",cognome:"Rossi",luogoDiNascita:"Napoli",dataDiNascita:new Date("1/5/1996"),sesso:false,codiceFiscale:"mrcrss96l01l256g",titoliDiStudio:["Diploma","Laurea Triennale","Laurea Magistrale"]});
persone.push({id:3,nome:"Ugo",cognome:"Bianchi",luogoDiNascita:"Milano",dataDiNascita:new Date("7/9/2000"),sesso:false,codiceFiscale:"uggbnc00q07l246e",titoliDiStudio:["Diploma","Laurea Triennale"]});

for(let x:number=0;x<persone.length;x++){
   console.log(persone[x]);
}

---------- COMPILAZIONE ED ESECUZIONE  ----------
tsc gestione_persone_json_03
node gestione_persone_json_03
 

---------- OUTPUT ----------

{
  id: 1,
  nome: 'Paola',
  cognome: 'Verdi',
  luogoDiNascita: 'Roma',
  dataDiNascita: 1990-10-04T23:00:00.000Z,
  sesso: true,
  codiceFiscale: 'pllvrd90l05l234f',
  titoliDiStudio: [ 'Diploma', 'Laurea' ]
}
{
  id: 2,
  nome: 'Marco',
  cognome: 'Rossi',
  luogoDiNascita: 'Napoli',
  dataDiNascita: 1996-01-04T23:00:00.000Z,
  sesso: false,
  codiceFiscale: 'mrcrss96l01l256g',
  titoliDiStudio: [ 'Diploma', 'Laurea Triennale', 'Laurea Magistrale' ]
}
{
  id: 3,
  nome: 'Ugo',
  cognome: 'Bianchi',
  luogoDiNascita: 'Milano',
  dataDiNascita: 2000-07-08T22:00:00.000Z,
  sesso: false,
  codiceFiscale: 'uggbnc00q07l246e',
  titoliDiStudio: [ 'Diploma', 'Laurea Triennale' ]
}

Nella prossima lezione approfondiremo la conoscenza degli array.

---

<< Lezione precedente           Lezione successiva >> | Vai alla prima lezione

---

T U T O R I A L S    S U G G E R I T I

• Impariamo Python giocando al "Solitario del ferroviere"
• Impariamo a programmare con JavaScript
• Laboratori di Logica di programmazione in C
• Introduzione alla Logica degli oggetti
• Ricominciamo ... dal Linguaggio SQL
• APP Mania
• Come sviluppare un Sito con Wordpress
• Excel delle meraviglie

---

EDUCATIONAL GAMING BOOK (EGB) "H2O"

Nell'era dello SMART LEARNING e di PYTHON i libri non si scrivono, ma si sviluppano, in questo modo chi studia, può sperimentare ed apprendere contemporaneamente; un libro con queste caratteristiche lo possiamo definire un  Educational Gaming Book (EGB).

"H2O" è un EGB che descrive tutte le caratteristiche dell'acqua, la sostanza formata da molecole di H2O, che attraverso il suo ciclo di vita garantisce la sopravvivenza di tutti gli esseri viventi del Pianeta. 

L'obiettivo dell'EGB è quello di far conoscere ai giovani le proprietà dell'acqua, sotto molti aspetti uniche, per sensibilizzarli a salvaguardare un bene comune e raro, indispensabile per la vita. 

Per il DOWNLOAD di "H2O" clicca qui.

---

TypeScript è il nuovo linguaggio di programmazione creato nel 2012 dalla Microsoft, che permette anche ai programmatori di applicazioni front-end (client-side) di sviluppare con il paradigama Object Oriented, in modo molto simile a Java e C#.

Le applicazioni sviluppate con TypeScript  quando vengono compilate, sono tradotte in JavaScript e possono essere eseguite con Node.js oppure possono essere importate in una pagina HTML.

TypeScript è il linguaggio usato da Angular, il framework più utilizzato per creare applicazioni Web, quindi se lo conoscete sarà più semplice impareare ad usarlo.

COME INSTALLARE TYPESCRIPT

Per iniziare a sviluppare con TypeScript dovete prima installare  Node.js:

1) collegatevi all'indirizzo: https://node.js/it/download ed eseguite il download di Node.js;

2) dopo il download eseguite il file di setup per installare Node.js;

3) al completamento per verificare se Node.js è stato installato correttamente usate il comando node -v:

Dopo l'installazione di Node.js, potete installare  TypeScript  il comando:

npm install -g typescript

Per verificare se TypeScript  è stato installato correttamente usate il comando tsc -v: 

COME INSTALLARE L'IDE (INTEGRATED DEVELOPMENT  ENVIRONMENT)

Per sviluppare applicazioni con TypeScript vi suggerisco di utilizzare Visual Studio Code, l'ambiente di sviluppo integrato creato da Microsoft, molto semplice  da usare e molto performante.

Per installare Visual Studio Code procedete nel modo seguente:

1) collegatevi al sito: https://code.visualstudio.com;

2) dopo il download eseguite il file di setup per installare Visual Studio Code;

3) per avviare Visual Studio Code fate doppio click sull'icona:

Visual Studio Code

 

COME CREARE ED ESEGUIRE LA PRIMA APPLICAZIONE TYPESCRIPT

Per testare l'installazione di TypeScript, su C: create una nuova cartella e chiamatela esercizi_ts.
Avviate Visual Studio Code ed aprite un nuovo file, come mostra l'immagine seguente:

Per creare un nuovo file potete anche usare i tasti Ctrl+N.

All'interno del file scrivete l'istruzione seguente:

console.log("Hello World!");

Per salvare il file usate i tasti Ctrl+S oppure usate il menu File, chiamate il file test.ts, come mostra l'immagine seguente:

Per compilare ed eseguire il programma test.ts, attivate il terminale con i tasti Ctrl +ò oppure usate il menu Terminal e spostatevi nella cartella c:\esercizi_ts, con il comando cd c:\esercizi_ts come mostra l'immagine seguente:

Per eseguire un programma scritto in TypeScript lo dovete prima compilare, con il comando tsc, come mostra l'esempio seguente:

tsc test.ts

La compilazione è semplicemente la traduzione in linguaggio JavaScript, del programma scritto in TypeScript, quindi dopo la compilazione nella cartella c:\esercizi_ts verrà aggiunto anche il file test.js con il codice  JavaScript.

A questo punto ottenuto il file JavaScript, lo potete eseguire con il comando:

node test

L'immagine seguente mostra il risultato dell'esecuzione:

Nella prossima lezione vedremo i tipi di dati  di TypeScript.

---

Lezione successiva >> 

 

---

T U T O R I A L S    S U G G E R I T I

• Impariamo Python giocando al "Solitario del ferroviere"
• Impariamo a programmare con JavaScript
• Laboratori di Logica di programmazione in C
• Introduzione alla Logica degli oggetti
• Ricominciamo ... dal Linguaggio SQL
• APP Mania
• Come sviluppare un Sito con Wordpress
• Excel delle meraviglie

---

EDUCATIONAL GAMING BOOK (EGB) "H2O"

Nell'era dello SMART LEARNING e di PYTHON i libri non si scrivono, ma si sviluppano, in questo modo chi studia, può sperimentare ed apprendere contemporaneamente; un libro con queste caratteristiche lo possiamo definire un  Educational Gaming Book (EGB).

"H2O" è un EGB che descrive tutte le caratteristiche dell'acqua, la sostanza formata da molecole di H2O, che attraverso il suo ciclo di vita garantisce la sopravvivenza di tutti gli esseri viventi del Pianeta. 

L'obiettivo dell'EGB è quello di far conoscere ai giovani le proprietà dell'acqua, sotto molti aspetti uniche, per sensibilizzarli a salvaguardare un bene comune e raro, indispensabile per la vita. 

Per il DOWNLOAD di "H2O" clicca qui.

---

 

Questa lezione è molto interessante perché imparerete ad estrarre dati da un Elenco, impostando criteri di selezione avanzati, per creare tabelle personalizzate.

Per svolgere questo tipo di attività, nel  foglio di lavoro dovete creare tre aree.

1) Nella prima area dovete inserire l'elenco con i dati, come mostra l'immagine seguente:

2)  Nella seconda area dovete inserire i criteri di selezione, come mostra l'immagine seguente:

3) Nella terza area dovete inserire la tabella di estrazione, come mostra l'immagine seguente:

Attenzione, sotto le tre aree non dovete inserire nulla!

COME CREARE L'AREA DEI CRITERI

Per creare l'area dei CRITERI, procedete nel modo seguente:

1) nella cella P1 scrivete la parola CRITERI;
2) scegliete il menu Home;
3) selezionate le celle da P1 a X1;
4) cliccate sul comando unisci e allinea al centro:

5) Successivamente impostate un colore a piacere, con il comando Colore riempimento;

Per completare l'area dei CRITERI, dovete impostare le colonne in cui inserire i valori da usare per la selezione. Per eseguire questa operazione, procedete nel modo seguente:

1) copiate le celle da A1 ad I1;

 

2) incollate le cella copiate nella cella P3, utilizzando il comando Incolla speciale (Mantieni larghezza colonna origine) come mostra l'immagine seguente:

 

 

COME CREARE L'AREA DI ESTRAZIONE

1) nella cella Z1 scrivete la parola ESTRAZIONE;
2) scegliete il menu Home;
3) selezionate le celle da Z1 ad AK1;
4) cliccate sul comando unisci e allinea al centro:

5) Successivamente impostate un colore a piacere, con il comando Colore riempimento;

Per completare l'area di ESTRAZIONE, dovete copiare tutte  le colonne dell'elenco da A1 a L1 ed incollarle in Z3,  con il comando Incolla speciale (Mantieni larghezza colonna origine) come mostra l'immagine seguente:

 

 

LABORATORIO 01

A. CREARE UNA TABELLA CON TUTTE LE DIPENDENTI LAUREATE

1) Inserite un nuovo foglio di lavoro, come indica l'immagine seguente:

  

2) Doppio click sul nome del nuovo foglio ed inserite il nome Dipendenti Laureate, come mostra l'immagine seguente:

3) Nell'area dei criteri impostate la colonna Sesso=Femmina e Titolo di studio=Laurea, come mostra l'immagine seguente:

3) Posizionate il cursore nella cella A1, selezionate il menu Dati e cliccate sul comando Avanzate, come mostra l'immagine seguente:

4) Nella scheda Filtro avanzato, selezionate l'opzione Copia in un'altra posizione ed inserite le coordinate dell'elenco, dell'area dei criteri, inclusa la riga in cui avete inserito le condizioni e dell'area di estrazione, includendo solo i nomi delle colonne, come mostra l'immagine seguente:

   

Per ottenere le coordinate delle tre aree potete anche usare il mouse. Cliccate sulla freccia a destra delle caselle di testo e selezionate con il mouse l'area corrispondente, come mostra l'immagine seguente:

5) Per eseguire l'estrazione cliccate sul pulsante "OK". Tutti i dipendenti che soddisfano i criteri di selezione verranno aggiunti nell'area di estrazione, come mostra l'immagine seguente:

Per completare il laboratorio copiate tutta la tabella nel foglio di lavoro Dipendenti laureate, come mostra l'immagine seguente:

B. ESTRARRE TUTTI PROGRAMMATORI DIPLOMATI

1) Nell'area dei criteri impostate la colonna Titolo di studio=Diploma e Ruolo aziendale=Programmatore, come mostra l'immagine seguente:

2) Posizionate il cursore nella cella A1, Selezionate il menu Dati e cliccate sul comando Avanzate;

3) Nella scheda Filtro avanzato, selezionate l'opzione Copia in un'altra posizione, controllate se le coordinate sono esatte e cliccate sul pulsante "OK", per estrarre i dati.

 

COME IMPOSTARE CRITERI PERSONALIZZATI AVANZATI

L'area dei CRITERI può contenere molte altre sezioni dove inserire condizioni per l'estrazione dei dati. Questa esigenza nasce quando volete applicare condizioni complesse che richiedono l'uso degli operatori logici AND ed OR.

Ricordate che se più condizioni sono associate da una logica AND il dato viene estratto se solo se tutte le condizioni sono vere.

Ad esempio per estrarre tutti i dipendenti con uno stipendio maggiore di 1800,00 e minore di 3000,00 euro dovete utilizzare una logica AND, perché tutte è due le condizioni devono essere soddisfatte:

Stipendio>1800 AND Stipendio<3000. 

In Excel per associare più condizioni con un operatore logico AND basta impostare le condizioni nel modo seguente:

Se più condizioni sono associate da una logica OR il dato viene estratto se almeno una delle condizioni è vera.

Ad esempio per estrarre i dipendenti di Milano, Napoli oppure Potenza dovete usare una logica OR, perché basta che almeno una delle condizioni sia esatta:

Città=Milano OR Città=Napoli OR Città=Potenza.

In Excel per associare più condizioni con un operatore logico OR basta impostare le condizioni nel modo seguente:

Potete anche associare tra loro più condizioni utilizzando contemporaneamente operatori logici AND ed OR. Ad esempio immaginate di voler estrarre dall'elenco  i dipendenti di Milano, Napoli oppure Potenza, Programmatori e Laureati. Per ottenere questo risultato dovete applicare la condizione seguente:

(Città=Milano AND Titolo di studio=Laurea AND Ruolo Aziendale=Programmatore) OR (Città=Napoli AND Titolo di studio=Laurea AND Ruolo Aziendale=Programmatore) OR (Città=Potenza AND Titolo di studio=Laurea AND Ruolo Aziendale=Programmatore).

Questa condizione in Excel può essere impostata nel modo seguente: 

 

LABORATORIO 02

A. ESTRARRE DALL'ELENCO TUTTI I DIPENDENTI CHE HANNO UNO STIPENDIO MAGGIORE DI €1800,00 E MINORE DI €3000,00

Per svolgere questo laboratorio, nell'area dei CRITERI dovete inserire la condizione seguente:

 

Per estrarre i dati, posizionate il cursore nella cella A1, selezionate il menu Dati e cliccate sul comando Avanzate.

Nella scheda Filtro avanzato, selezionate l'opzione Copia in un'altra posizione ed inserite:
1) le coordinate dell'elenco;
2) le coordinate dell'area dei criteri che corrisponde alla condizione inserita;
3) le coordinate della riga d'intestazione nell'area di estrazione.

Alla fine cliccate sul pulsante "OK".

Le immagini seguenti mostrano le informazioni da inserire nella scheda Filtro avanzato ed il risultato dell'estrazione:

 

B. ESTRARRE DALL'ELENCO TUTTI I DIPENDENTI CHE HANNO UNO STIPENDIO MAGGIORE DI €1800,00 E MINORE DI €3000,00 E SONO FORMATORI

Per svolgere questo laboratorio, nell'area dei CRITERI dovete inserire la condizione seguente:

 

Per estrarre i dati, posizionate il cursore nella cella A1, selezionate il menu Dati e cliccate sul comando Avanzate.

Nella scheda Filtro avanzato, selezionate l'opzione Copia in un'altra posizione ed inserite:
1) le coordinate dell'elenco;
2) le coordinate dell'area dei criteri che corrisponde alla condizione inserita;
3) le coordinate della riga d'intestazione nell'area di estrazione.

Alla fine cliccate sul pulsante "OK".

Le immagini seguenti mostrano le informazioni da inserire nella scheda Filtro avanzato ed il risultato dell'estrazione:

C. ESTRARRE DALL'ELENCO TUTTI I DIPENDENTI CHE HANNO UNO STIPENDIO MAGGIORE DI €1800,00 E MINORE DI €3000,00 E SONO FORMATORI OPPURE PROJECT MANAGER

Per svolgere questo laboratorio, nell'area dei CRITERI dovete inserire la condizione seguente:

 

Per estrarre i dati, posizionate il cursore nella cella A1, selezionate il menu Dati e cliccate sul comando Avanzate.

Nella scheda Filtro avanzato, selezionate l'opzione Copia in un'altra posizione ed inserite:
1) le coordinate dell'elenco;
2) le coordinate dell'area dei criteri che corrisponde alla condizione inserita;
3) le coordinate della riga d'intestazione nell'area di estrazione.

Alla fine cliccate sul pulsante "OK".

Le immagini seguenti mostrano le informazioni da inserire nella scheda Filtro avanzato ed il risultato dell'estrazione:

D. ESTRARRE DALL'ELENCO TUTTI I DIPENDENTI DI MILANO, NAPOLI OPPURE POTENZA CHE SONO PROGRAMMATORI E LAUREATI

Per svolgere questo laboratorio, nell'area dei CRITERI dovete inserire la condizione seguente:

 

Per estrarre i dati, posizionate il cursore nella cella A1, selezionate il menu Dati e cliccate sul comando Avanzate.

Nella scheda Filtro avanzato, selezionate l'opzione Copia in un'altra posizione ed inserite:
1) le coordinate dell'elenco;
2) le coordinate dell'area dei criteri che corrisponde alla condizione inserita;
3) le coordinate della riga d'intestazione nell'area di estrazione.

Alla fine cliccate sul pulsante "OK".

Le immagini seguenti mostrano le informazioni da inserire nella scheda Filtro avanzato ed il risultato dell'estrazione:

 

COME ESTRARRE UNA COPIA UNIVICA DEI RECORD DA UN ELENCO

Due o più record sono uguali se contengono le stesse informazioni in tutte le colonne, la copia univoca dei record è La funzionalità che permette di estrarre da un elenco solo record distinti, eliminando i duplicati.

Nell'elenco seguente i record con matricola A001, A002 e A003 sono duplicati.

L'esempio seguente mostra la copia univoca dei record presenti nell'elenco precedente:

Questa funzionalità in Excel può essere applicata anche solo ad una o più colonne e questo permette di estrarre da un elenco informazioni molto utili.

Ad esempio, applicando la copia univoca dei record all'Elenco dei dipendenti, agendo solo su una o più colonne, è possibile  estrarre, escludendo i duplicati, le seguenti informazioni:

1) Le città dei dipendenti;
2) I ruoli aziendali dei dipendenti;
3) I titoli di studio dei dipendenti.

Inoltre potreste confrontare gli stipendi dei dipendenti in relazione al loro ruolo aziendale oppure in relazione al ruolo aziendale, al titolo di studio ed al sesso.

LABORATORIO 03

A. ESTRARRE DALL'ELENCO UNA COPIA UNIVOCA DELLE CITTA' DEI DIPENDENTI

1) Lasciando le intestazioni, pulite l'area dei CRITERI e l'area di ESTRAZIONE
2) Nell'area dei CRITERI, in corrispondenza della colonna CITTA' inserite come condizione un asterisco
3) Posizionate il cursore all'inizio dell'elenco dipendenti nella colonna matricola (cella A1)
4) Selezionate il menu Dati e cliccate sul comando Avanzate
5) Nella scheda Filtro avanzato, selezionate l'opzione Copia in un'altra posizione ed inserite:
a) le coordinate dell'elenco;
b) le coordinate dell'area dei criteri che corrisponde alla colonna città e la cella in cui avete inserito l'asterisco;
c) le coordinate della colonna città nella riga d'intestazione nell'area di estrazione.

Alla fine, spuntate la voce Copia univoca dei record e cliccate sul pulsante "OK".

Le immagini seguenti mostrano le informazioni da inserire nella scheda Filtro avanzato ed il risultato dell'estrazione:

B. ESTRARRE DALL'ELENCO UNA COPIA UNIVOCA DEI RUOLI AZIENDALI DEI DIPENDENTI

1) Lasciando le intestazioni, pulite l'area dei CRITERI e l'area di ESTRAZIONE
2) Nell'area dei CRITERI, in corrispondenza della colonna RUOLO AZIENDALE inserite come condizione un asterisco
3) Posizionate il cursore all'inizio dell'elenco dipendenti nella colonna matricola (cella A1)
4) Selezionate il menu Dati e cliccate sul comando Avanzate
5) Nella scheda Filtro avanzato, selezionate l'opzione Copia in un'altra posizione ed inserite:
a) le coordinate dell'elenco;
b) le coordinate dell'area dei criteri che corrisponde alla colonna città e la cella in cui avete inserito l'asterisco;
c) le coordinate della colonna città nella riga d'intestazione nell'area di estrazione.

Alla fine, spuntate la voce Copia univoca dei record e cliccate sul pulsante "OK".

Le immagini seguenti mostrano le informazioni da inserire nella scheda Filtro avanzato ed il risultato dell'estrazione:

C. ESTRARRE DALL'ELENCO UNA COPIA UNIVOCA DEI TITOLI DI STUDIO DEI DIPENDENTI

1) Lasciando le intestazioni, pulite l'area dei CRITERI e l'area di ESTRAZIONE
2) Nell'area dei CRITERI, in corrispondenza della colonna TITOLO DI STUDIO inserite come condizione un asterisco
3) Posizionate il cursore all'inizio dell'elenco dipendenti nella colonna matricola (cella A1)
4) Selezionate il menu Dati e cliccate sul comando Avanzate
5) Nella scheda Filtro avanzato, selezionate l'opzione Copia in un'altra posizione ed inserite:
a) le coordinate dell'elenco;
b) le coordinate dell'area dei criteri che corrisponde alla colonna città e la cella in cui avete inserito l'asterisco;
c) le coordinate della colonna città nella riga d'intestazione nell'area di estrazione.

Alla fine, spuntate la voce Copia univoca dei record e cliccate sul pulsante "OK".

Le immagini seguenti mostrano le informazioni da inserire nella scheda Filtro avanzato ed il risultato dell'estrazione:

D. ESTRARRE DALL'ELENCO DEI DIPENDENTI UNA COPIA UNIVOCA DELLE SEGUENTI INFORMAZIONI: SESSO, TITOLI DI STUDIO, RUOLI AZIENDALI E STIPENDI

1) Lasciando le intestazioni, pulite l'area dei CRITERI e l'area di ESTRAZIONE
2) Nell'area dei CRITERI, in corrispondenza delle colonne  SESSO, TITOLO DI STUDIO e RUOLO AZIENDALE  inserite come condizione un asterisco
3) Posizionate il cursore all'inizio dell'elenco dipendenti nella colonna matricola (cella A1)
4) Selezionate il menu Dati e cliccate sul comando Avanzate
5) Nella scheda Filtro avanzato, selezionate l'opzione Copia in un'altra posizione ed inserite:
a) le coordinate dell'elenco;
b) le coordinate dell'area dei criteri che corrisponde alla colonna città e la cella in cui avete inserito l'asterisco;
c) le coordinate della colonna città nella riga d'intestazione nell'area di estrazione.

Alla fine, spuntate la voce Copia univoca dei record e cliccate sul pulsante "OK".

Le immagini seguenti mostrano le informazioni da inserire nella scheda Filtro avanzato ed il risultato dell'estrazione:

Nella prossima lezione imparerete a creare un cruscotto con informazioni statistiche per il supporto decisionale.

---

Per il download del file excel GestioneDipendenti.xlsx in formato zip clicca qui.

---

<< Lezione precedente           Lezione successiva >> |  Vai alla prima lezione

---

T U T O R I A L S    S U G G E R I T I

• Impariamo Python giocando al "Solitario del ferroviere"
• Impariamo a programmare con JavaScript
• Laboratori di Logica di programmazione in C
• Introduzione alla Logica degli oggetti
• Ricominciamo ... dal Linguaggio SQL
• APP Mania
• Come sviluppare un Sito con Wordpress

---

Per informazioni e contatti: www.skillfactory.it

---

EDUCATIONAL GAMING BOOK (EGB) "H2O"

Nell'era dello SMART LEARNING e di PYTHON i libri non si scrivono, ma si sviluppano, in questo modo chi studia, può sperimentare ed apprendere contemporaneamente; un libro con queste caratteristiche lo possiamo definire un  Educational Gaming Book (EGB).

"H2O" è un EGB che descrive tutte le caratteristiche dell'acqua, la sostanza formata da molecole di H2O, che attraverso il suo ciclo di vita garantisce la sopravvivenza di tutti gli esseri viventi del Pianeta. 

L'obiettivo dell'EGB è quello di far conoscere ai giovani le proprietà dell'acqua, sotto molti aspetti uniche, per sensibilizzarli a salvaguardare un bene comune e raro, indispensabile per la vita. 

Per il DOWNLOAD di "H2O" clicca qui.

---