Aprende TypeScript desde cero
¡Hola! Bienvenido/a
Hoy vamos a explorar TypeScript** desde cero
¿Qué es TypeScript?
TypeScript es un superset de JavaScript que agrega tipado estático y otras características avanzadas a JavaScript.
El tipado estático permite definir el tipo de datos (como números, cadenas, etc.) que una variable puede contener.
Esto ayuda a prevenir errores antes de que el código se ejecute
¿Cómo funciona TypeScript?
El código de TypeScript se escribe en archivos con extensión .ts. Antes de poder ejecutarlo, se compila a JavaScript.
Esto hace que puedas usar TypeScript en cualquier proyecto web que normalmente usaría JavaScript
Instalando TypeScript
Para usar TypeScript, necesitas instalarlo con NPM (Node Package Manager).
- Ejecuta el comando
npm install -g typescriptpara instalarlo globalmente
Además necesitarás un IDE de desarrollo, como Visual Studio Code.
¡Vas muy bien!
Ahora vamos a hablar de la sintaxis de TypeScript
Tipos en TypeScript
TypeScript permite usar tipos básicos para variables y funciones, como string, number, boolean, y más.
Por ejemplo:
let nombre: string = "Luis";
let edad: number = 25;Pero también crear tipos personalizados, por ejemplo usando type.
Arrays y tuplas
También podemos definir arrays y tuplas:
- Array: Se declara con
tipo[]oArray<tipo>. - Tupla: Define una colección de longitud fija y tipos específicos.
let numeros: number[] = [1, 2, 3]; // array
let par: [string, number] = ["edad", 30]; // TuplaTipos de unión y tipos literal
Los tipos literal y unión utilizan el operador | para combinar valores o tipos.
- Literal: Especifica valores fijos permitidos.
- Unión: permiten que una variable acepte varios tipos
let direccion: "norte" | "sur" | "este" | "oeste"; // literal
let resultado: number | string = 42; // unionClases e interfaces
TypeScript también añade muchas funcionalidades propias de la programación orientada a objetos.
Por ejemplo, puedes definir clases, con métodos, atributos, encapsulación, herencia.
También puedes usar interfaces que especifican qué propiedades y métodos deben tener.
¡Ya casi lo tienes!
Solo nos falta ver como crear un proyecto con TypeScript
Primeros pasos con TypeScript
Crea un archivo con la extensión .ts, como app.ts. En su interior escribe este código
let mensaje: string = "¡Hola, LuisLlamas.es!";
console.log(mensaje);Escribe código TypeScript en este archivo, y luego compílalo a JavaScript usando el comando tsc app.ts.
Compilación de TypeScript
Usa el comando tsc para compilar archivos TypeScript a JavaScript.
Compílalo a JavaScript usando el comando tsc app.ts.
Esto generará un archivo hola.js con el mismo código en JavaScript.
Ejecutar el código
Finalmente, ejecuta el archivo compilado usando Node.js:
node hola.js¡Felicidades! Acabas de crear tu primer programa en TypeScript. ¡Listo para seguir avanzando!
¡Bien hecho!
¡Ahora tienes lo básico de TypeScript! Sigue practicando y explorando.
