Capitol gratuit

Introducere in TypeScript

TypeScript este un superset al JavaScript-ului care adauga tipuri statice optionale. Codul TypeScript este compilat (transpilat) in JavaScript standard, pu...

Ce este TypeScript?

TypeScript este un superset al JavaScript-ului care adauga tipuri statice optionale. Codul TypeScript este compilat (transpilat) in JavaScript standard, putand rula in orice mediu care suporta JavaScript - browsere, Node.js, Deno, Bun.

Dezvoltat de Microsoft si lansat in 2012, TypeScript a devenit standardul de facto in dezvoltarea web profesionala. In 2026, peste 80% din proiectele noi JavaScript sunt scrise in TypeScript.

De ce TypeScript?

AvantajDescriere
Detectare erori la compilareErorile sunt gasite inainte de executie, nu la runtime
IntelliSense superiorAutocompletare precisa, documentatie inline, refactoring sigur
Documentatie prin tipuriTipurile servesc ca documentatie vie - codul se auto-documenteaza
Refactoring sigurRedenumiti o proprietate si compilatorul gaseste toate referintele
ScalabilitateEsential pentru proiecte mari cu echipe multiple
EcosistemToate librariile majore au tipuri TypeScript

JavaScript vs TypeScript

// JavaScript - eroarea apare la RUNTIME
function calculateTotal(items) {
return items.reduce((sum, item) => sum + item.price * item.quantity, 0);
}
calculateTotal("not an array"); // TypeError la runtime!

// TypeScript - eroarea apare la COMPILARE
interface CartItem {
name: string;
price: number;
quantity: number;
}

function calculateTotal(items: CartItem[]): number {
return items.reduce((sum, item) => sum + item.price * item.quantity, 0);
}
calculateTotal("not an array"); // Error: Argument of type 'string'
// is not assignable to parameter
// of type 'CartItem[]'

TypeScript in 2026

TypeScript 5.x aduce: decoratori standard (ECMAScript), const type parameters, satisfies operator, using declarations (Explicit Resource Management) si performanta imbunatatita cu Go-based compiler (10x mai rapid). Node.js 22+ suporta --experimental-strip-types pentru executie directa TypeScript.

Cum functioneaza TypeScript?

  1. Scriere - scrieti cod in fisiere .ts (sau .tsx pentru React)
  2. Verificare - compilatorul tsc verifica tipurile si raporteaza erori
  3. Compilare - TypeScript este transpilat in JavaScript pur
  4. Executie - JavaScript-ul rezultat ruleaza normal in browser/Node.js
💡 TypeScript nu exista la runtime!

Tipurile TypeScript sunt complet eliminate la compilare - ele exista doar in timpul dezvoltarii. JavaScript-ul rezultat nu contine nicio referinta la tipuri. Aceasta inseamna zero overhead la runtime, dar si ca nu puteti verifica tipuri TypeScript cu typeof la runtime.

Continuați cu restul cursului

Acesta este capitolul 1 din cele 20 ale cursului, cu 3 lecții din 71. Cumpărați cursul și parcurgeți tot conținutul în cont, cu progres salvat, test final și certificat.

Cumpărați cursul la 110 €