typescript [ExpressJS TypeScript] Tutorial 1 -> Prezentare si Configurare TypeScript

[NOT a MERCEDES]

** OBIECTIVE ** 

• Ce este TypeScript ? 
• Unde se foloseste TypeScript ? 
• Configurare TypeScript 

** Prezentare TypeScript ** 

      TypeScript reprezinta un superSet sau o extensie a limbajului Javascript  , cu functionalitati multiple adaugate pe langa acesta . Asta inseamna ca orice cod JS valid va fi valabil si pentru Typescript dar cu ceva adaugiri . Spre deosebire de JS , codul in TypeScript trebuie COMPILAT , sa poata fi rulat . 

      Amintim si cateva caracteristici cheie pentru care am decis sa folosesc "TypeScript"  in proiectele viitoare : 

• Suport mai bun pentru programarea orientata pe obiecte . Asta inseamna ca putem organiza toate elementele in clase si obiecte pentru o mentenanta mai buna.
• E un limbaj ce cere compilare spre deosebire de JS , asta insemnand ca eventuale erori survenite apar in timpul compilatiei . In schimb , JS ne lasa sa rulam dar va trebui sa le rezolvam pe timpul executiei programului . 
• Permite definirea tipurilor variabilelor , a functiilor samd. pentru o mentenanta mai usoara

** La ce scara  se foloseste TS ? ** 

    TypeScript se utilizeaza , in general , unde mentenanta si scalabilitatea conteaza . Cu alte cuvinte , in : 

• CRM-URI SI ERP-URI (Aplicatii Enterprise/Financiare/Bancare) ;
• Aplicatii ExpressJS/NextJS de mari dimensiuni ; 
• Aplicatii Cloud/SeverLess (Azure,AWS samd.) ; 
• Aplicatii Mobile cu React Native .  

** Configurare TypeScript ** 

NOTA ** : NE ASIGURAM , TOTUSI , CA AVEM INSTALAT PACHETUL NODEJS !! 

   Deschidem terminalul , navigam catre partitia unde dorim sa facem un proiect :

cd /d B:\PROIECTE NODEJS 

Facem un director in folderul "Proiecte NodeJS" : 

mkdir EXPRESSJS_TS

Navigam in el 

cd EXPRESSJS_TS

Instalam pachetul "typeScript" la nivel global : 

npm i -g typescript

 Acum , facem un fisier de tip "ts" :

touch index.ts

Iesim din terminal , il deschidem in Visual Studio Code si notam :

class helloWorld{ //   Clasa HelloWorld 
    private readonly helloString:string  // Definim un SIR DE CARACTERE PRIVAT SI CONSTANT

    constructor(readonly helloParameter:string) // PRIMIM UN SIR DE CARACTERE CONSTANT CA PARAMETRU 
    {
       this.helloString = helloParameter // ATRIBUIM PROPRIETATII NOASTRE VALOAREA PRIMIT DIN PARAMETRU
    }

    hello(){  // FUNCTIE LA NIVELUL CLASEI 
        return this.helloString  // RETURNAM SIRUL DE CARACTERE STOCAT DE CATRE PROPRIETATE
    }

}

const helloObject = new helloWorld('BINE AI VENIT PE LEAGUECS !!') // CONSTRUIM SI APELAM CONSTRUCTORUL CU PARAMETRII 

console.log(helloObject.hello()) // AFISAM SIRUL DE CARACTERE IN CONSOLA 

Apoi , intram in terminal , in directorul proiectului , vom compila fisierul : 

tsc index.ts

Ni se va genera un fisier .JS langa acesta , iar apoi il rulam , in contextul NodeJS : 

node index.js

Dupa executie , vom avea rezultatul in consola : 

B:\PROIECTE NODEJS\EXPRESSJS_TS>tsc index.ts

B:\PROIECTE NODEJS\EXPRESSJS_TS>node index.js
BINE AI VENIT PE LEAGUECS !!