Skillbook Logo
foto profilo

Skill Factory

Lista post > TypeScript - Lezione 1: Come iniziare.

TypeScript - Lezione 1: Come iniziare.

Gino Visciano | Skill Factory - 05/06/2020 22:53:20 | in Tutorials

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


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 raro, indispensabile per la vita


Per il DOWNLOAD di "H2Oclicca qui.


 

TypeScript JavaScript Corsi programmazione Corso programmazione Skill Factory Formazione Lavoro Gino Visciano

Share Button
TOP