En aquesta secció, aprendrem els fonaments de la sintaxi de TypeScript, que és essencial per escriure codi clar i robust. TypeScript és un superconjunt de JavaScript que afegeix tipat estàtic opcional, el que ajuda a detectar errors en temps de compilació.

Conceptes Clau

  1. Tipus Bàsics

    • number: Per a valors numèrics.
    • string: Per a cadenes de text.
    • boolean: Per a valors veritables o falsos.
    • array: Per a llistes de valors.
    • tuple: Per a llistes de longitud fixa amb tipus específics.
    • enum: Per a valors constants amb noms.
    • any: Per a valors de qualsevol tipus (evitar si és possible).
    • void: Per a funcions que no retornen un valor.
    • null i undefined: Per a valors buits o no definits.
  2. Declaració de Variables

    • Utilitza let o const per declarar variables.
    • Exemple:
      let age: number = 25;
      const name: string = "Anna";
      
  3. Funcions

    • Les funcions poden tenir tipus de paràmetres i tipus de retorn.
    • Exemple:
      function greet(name: string): string {
        return `Hello, ${name}!`;
      }
      
  4. Interfícies

    • Defineixen la forma d'un objecte.
    • Exemple:
      interface Person {
        name: string;
        age: number;
      }
      
      const person: Person = {
        name: "John",
        age: 30
      };
      
  5. Classes

    • TypeScript suporta la programació orientada a objectes amb classes.
    • Exemple:
      class Animal {
        name: string;
      
        constructor(name: string) {
          this.name = name;
        }
      
        move(distance: number = 0) {
          console.log(`${this.name} moved ${distance}m.`);
        }
      }
      

Exercicis Pràctics

Exercici 1: Declaració de Tipus

Declara una variable per a cada tipus bàsic i assigna-li un valor adequat.

Solució:

let isDone: boolean = false;
let decimal: number = 6;
let color: string = "blue";
let list: number[] = [1, 2, 3];
let x: [string, number] = ["hello", 10];
enum Color {Red, Green, Blue}
let c: Color = Color.Green;
let notSure: any = 4;
notSure = "maybe a string instead";

Exercici 2: Funció amb Tipus

Escriu una funció que accepti dos números i retorni la seva suma.

Solució:

function add(x: number, y: number): number {
  return x + y;
}

console.log(add(5, 3)); // 8

Resum

En aquesta secció, hem cobert els conceptes bàsics de la sintaxi de TypeScript, incloent tipus bàsics, declaració de variables, funcions, interfícies i classes. Aquests fonaments són crucials per escriure codi TypeScript efectiu i mantenible. En el següent mòdul, començarem a aplicar aquests coneixements per treballar amb Playwright.

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

© Copyright 2024. Tots els drets reservats