El Projecte | Sobre nosaltres | Contribuir | Donacions | Llicència

HOME

En aquesta secció, explorarem TypeScript, un llenguatge de programació que amplia JavaScript afegint-hi tipat estàtic. TypeScript és especialment útil per a projectes grans i complexos, ja que ajuda a detectar errors en temps de compilació i millora la llegibilitat i mantenibilitat del codi.

Què és TypeScript?

TypeScript és un superconjunt de JavaScript desenvolupat per Microsoft. Les seves característiques principals inclouen:

Tipat Estàtic: Permet definir tipus per a variables, funcions, etc., ajudant a prevenir errors comuns.
Compilació a JavaScript: TypeScript es compila a JavaScript, el que significa que es pot executar en qualsevol entorn que suporti JavaScript.
Suport per a les últimes característiques de JavaScript: TypeScript suporta les últimes característiques de JavaScript, fins i tot abans que estiguin disponibles en tots els navegadors.

Beneficis de TypeScript

Detecció d'Errors: Els errors es poden detectar en temps de compilació, abans d'executar el codi.
Millor Intellisense: Els editors de codi poden proporcionar millors suggeriments i autocompletat gràcies al tipat.
Mantenibilitat: El codi és més fàcil de llegir i mantenir, especialment en projectes grans.

Instal·lació de TypeScript

Per començar a utilitzar TypeScript, primer cal instal·lar-lo. Pots fer-ho utilitzant npm (Node Package Manager):

npm install -g typescript

Aquest comandament instal·larà TypeScript globalment al teu sistema.

Primer Exemple en TypeScript

Vegem un exemple senzill per il·lustrar com funciona TypeScript. Crearem un fitxer hello.ts amb el següent codi:

function greet(name: string): string {
    return `Hola, ${name}!`;
}

let user = "Món";
console.log(greet(user));

Explicació del Codi

Funció greet: Aquesta funció pren un paràmetre name de tipus string i retorna un string.
Tipat: Hem especificat que name és un string i que la funció retorna un string.
Interpolació de Strings: Utilitzem la sintaxi de plantilles literals per crear el missatge de salutació.

Compilació de TypeScript a JavaScript

Per executar el codi TypeScript, primer cal compilar-lo a JavaScript. Això es fa amb el comandament tsc:

tsc hello.ts

Això generarà un fitxer hello.js que es pot executar amb Node.js:

node hello.js

Exercici Pràctic

Exercici: Crea un fitxer calculator.ts que defineixi una funció add que sumi dos números i retorni el resultat. Compila el fitxer i executa el codi resultant.

Solució

function add(a: number, b: number): number {
    return a + b;
}

let result = add(5, 3);
console.log(`El resultat és: ${result}`);

Passos per executar:

Guarda el codi en un fitxer anomenat calculator.ts.
Compila el fitxer amb tsc calculator.ts.
Executa el fitxer resultant amb node calculator.js.

Conclusió

En aquesta secció, hem introduït TypeScript i hem vist com pot millorar el desenvolupament de JavaScript amb tipat estàtic i altres característiques avançades. Hem après a instal·lar TypeScript, a escriure un simple programa i a compilar-lo a JavaScript. En el següent tema, explorarem la sintaxi bàsica de TypeScript amb més detall.

Introducció a TypeScript

Què és TypeScript?

Beneficis de TypeScript

Instal·lació de TypeScript

Primer Exemple en TypeScript

Explicació del Codi

Compilació de TypeScript a JavaScript

Exercici Pràctic

Solució

Conclusió

Dramaturg amb TypeScript: De Principiant a Avançat

Mòdul 1: Introducció a Playwright i TypeScript

Mòdul 2: Començant amb Playwright

Mòdul 3: Fonaments de Playwright i TypeScript

Mòdul 4: Funcions Avançades de Playwright

Mòdul 5: Estratègies d'Automatització de Proves

Mòdul 6: Tècniques Avançades de TypeScript

Mòdul 7: Aplicacions Reals de Playwright

Mòdul 8: Conclusió del Curs i Propers Passos