¿Qué es TypeScript? 💡

TypeScript (TS) es un lenguaje de programación creado por Microsoft que amplía las capacidades de JavaScript al añadir tipificación estricta. Esto hace que el código sea más predecible y reduce la cantidad de errores. 🚀

TypeScript se compila en JavaScript normal, lo que le permite usarlo en cualquier proyecto donde funcione JS.

¿Por qué aprender TypeScript? 🎯

• Seguridad: la tipificación evita errores.

• Legibilidad: el código se vuelve más claro.

• Soporte ES6+: las nuevas funciones de JavaScript funcionan sin problemas.

• Compatibilidad: se puede utilizar en cualquier proyecto JS.

¿Cómo instalar TypeScript? 💻

Para trabajar con TypeScript necesitarás:

• ✅ Node.js (para ejecutar el código). Se puede descargar desde sitio web oficial.

• ✅ Compilador de TypeScript. Se puede instalar a través del terminal:

npm install -g typescript

¿Cómo comprobar si TypeScript está instalado? 🛠

Abre la terminal e introduce:

tsc --version

Si TypeScript está instalado, aparecerá su versión. ¡Ahora puedes escribir código! 🚀

Conceptos básicos de la sintaxis de TypeScript 📚

1. Variables 📦

En TypeScript, las variables se declaran con tipos.

Ejemplo de declaración de variables:

let name: string = "Alice";   // Línea
const age: number = 25;       // Número
let pi: number = 3.14;        // Número de punto flotante
let isStudent: boolean = true; // Valor booleano

console.log(`Name: ${name}, Age: ${age}, Pi: ${pi}, Student: ${isStudent}`);

2. Exportación de datos 📤

Para mostrar los datos en la consola se utiliza console.log().

Ejemplo:

console.log("Hello, TypeScript!");

3. Operadores condicionales (if...else) 🧐

Permiten que el programa tome decisiones.

Ejemplo:

let age: number = 20;

if (age >= 18) {
    console.log("You're an adult!");
} else {
    console.log("You're still a child.");
}

4. Ciclos (for, while) 🔄

Los bucles permiten realizar la misma acción varias veces.

Ejemplo:

for (let i: number = 1; i <= 5; i++) {
    console.log(i);
}

5. Funciones 📐

Las funciones ayudan a estructurar el código.

Ejemplo:

function square(x: number): number {
    return x * x;
}

console.log("Square of the number 5:", square(5));

Proyectos sencillos en TypeScript 💡

1. Generador de números aleatorios 🎲

El programa genera un número aleatorio del 1 al 100.

function getRandomNumber(): number {
    return Math.floor(Math.random() * 100) + 1;
}

console.log("Random number:", getRandomNumber());

2. Filtro de números pares 🔢

La función filtra los números pares de la matriz.

function filterEvenNumbers(numbers: number[]): number[] {
    return numbers.filter(num => num % 2 === 0);
}

console.log(filterEvenNumbers([1, 2, 3, 4, 5, 6]));

3. Comprobar si una cadena es un palíndromo 🔄

El programa comprueba si la línea es un palíndromo.

function isPalindrome(str: string): boolean {
    const cleanStr = str.toLowerCase().replace(/[^a-z0-9]/g, '');
    return cleanStr === cleanStr.split('').reverse().join('');
}

console.log("Is 'racecar' a palindrome?", isPalindrome("racecar"));

4. Contar palabras en una línea 🔢

La función cuenta el número de palabras en una línea.

function countWords(text: string): number {
    return text.split(" ").length;
}

console.log("Number of words in 'Hello, TypeScript world!':", countWords("Hello, TypeScript world!"));

5. Secuencia de Fibonacci 🔢

El programa calcula los primeros 10 números de la secuencia de Fibonacci.

function fibonacci(n: number): number[] {
    let fib: number[] = [0, 1];
    for (let i = 2; i < n; i++) {
        fib.push(fib[i - 1] + fib[i - 2]);
    }
    return fib;
}

console.log("The first 10 Fibonacci numbers:", fibonacci(10));

Conclusión 🎉

TypeScript es una poderosa herramienta de desarrollo que hace que el código sea más fiable. Hemos analizado sus conceptos básicos: variables, entrada/salida, condiciones, bucles y funciones. ¡Ahora puedes escribir tus primeros programas! 🚀

Cuanto más practiques, mejor será tu código. ¡Experimenta, prueba nuevas tareas y domina la programación! ¡Buena suerte aprendiendo TypeScript! 😊