Aprende TypeScript para impulsar tu carrera como developer

TypeScript es un lenguaje de programación basado en JavaScript que introduce un sistema de tipado estático, lo que permite a los desarrolladores identificar y corregir errores con mayor facilidad.

🔥 TypeScript te va a cambiar tu perspectiva como developer tanto si vienes del mundo de la web como si ya has trabajado con lenguajes estrictamente tipados.

Intro ¶

La documentación de TypeScript es muy completa y cuenta con un playground online y una fácil instalación en Visual Studio Code.

👀 Ojo, para sacarle todo el provecho a TypeScript, es necesario tener conocimientos previos de JavaScript.

Tipado de datos en TypeScript ¶

El tipado de datos es fundamental en TypeScript y es una de sus características principales. Gracias al tipado estático, TypeScript puede autodocumentarse con autocompletado, indicando al programador el tipo de variable, método y propiedad que se está utilizando en cada momento.

Enums en TypeScript ¶

Los Enums son un ejemplo de las ventajas del tipado en TypeScript. Los Enums son listas de elementos concretos, útiles para definir estados finitos, como por ejemplo, los estados de un pedido en un e-commerce.

👀 Mira un ejemplo de implementación:

enum OrderStatus {
  NEW = "New",
  IN_PROCESS = "In process",
  COMPLETED = "Completed",
  CANCELLED = "Cancelled"
}

let currentStatus: OrderStatus = OrderStatus.NEW;

console.log("El estado del pedido es: " + currentStatus);

// Cambia el estado del pedido
currentStatus = OrderStatus.IN_PROCESS;

console.log("The current status of the order is: " + currentStatus);

Podcast dedicado ¶

🎧 Escucha WR 257: TypeScript puede ser tu lenguaje para SIEMPRE

Autodocumentación y autocompletado ¶

TypeScript es muy útil porque se autodocumenta.

Cuando escribes código, el editor proporciona información sobre el tipo de variable, método o propiedad que estás utilizando.

También se incluye autocompletado, lo que significa que puedes ahorrar tiempo al escribir código y reducir errores.

Un ejemplo práctico ¶

Supongamos que estamos creando una función que recibe un parámetro de tipo string y queremos concatenarla con otra cadena. En lugar de escribir todo el código manualmente, podemos utilizar el autocompletado para acceder a las propiedades de las cadenas en TypeScript:

function concatenar(cadena: string, otraCadena: string) {
  return cadena.concat(otraCadena);
}

const primeraCadena = "Hola, ";
const segundaCadena = "¿cómo estás?";

console.log(concatenar(primeraCadena, segundaCadena));

En este caso, al escribir el punto después de cadena., el editor de código nos muestra todas las propiedades y métodos disponibles para las cadenas en TypeScript, como concat(), slice(), toUpperCase(), entre otros. Esto hace que sea más fácil y rápido escribir código, y reduce la posibilidad de errores.

TypeScript y la detección de errores ¶

TypeScript permite detectar errores en el editor y en la consola. Gracias al tipado de datos, es posible evitar muchos errores en tiempo de ejecución, ganando confianza y control en el desarrollo.

Importancia del control de tipos ¶

Para dominar TypeScript, es crucial entender la importancia del control de tipos y cómo este puede mejorar la calidad del código.

Corregir errores rápidamente ¶

Uno de los beneficios de TypeScript es la capacidad de identificar y corregir errores rápidamente durante la etapa de desarrollo.

👉 Prueba este ejemplo en el playground de TypeScript:

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

// Uso correcto
const result1 = sumNumbers(2, 3);
console.log("The result of the sum is: " + result1);

// Uso incorrecto, verás como aparece el error
const result2 = sumNumbers("2", 3);
console.log("The result of the sum is: " + result2);

Relación entre lenguajes de programación ¶

Aprovechar las similitudes entre los lenguajes de programación y la experiencia previa con otros sistemas de tipos puede ayudar a comprender y utilizar TypeScript de manera eficiente.

Es fundamental buscar conexiones con lo que ya conocemos al aprender un nuevo lenguaje.

🌏 Si vienes de trabajar en la web ¶

Encontrarás la fortaleza de TypeScript como un punto de referencia para que no ocurran errores inesperados en tú código.

Si bien es cierto que TypeScript por si solo no puede validar en tiempo de ejecución que los datos de una API sean correctos, si puede abrirte la puerta a lograrlo con mayor facilidad que solo con JavaScript.

🌏 Si vienes de trabajar con lenguajes tipados ¶

Dejarás de odiar a JavaScript por su extrema ligereza a la hora de definir los tipos de datos.

Verás sintaxis muy parecidas a las que ya has trabajado con Java o .NET aunque sea en un contexto completamente diferente.

Aprendizaje constante y crecimiento profesional ¶

Dentro del mundo de la programación, el aprendizaje constante es clave para avanzar en la carrera profesional. TypeScript es un lenguaje en auge y cada vez son más los proyectos que lo utilizan.

TypeScript como valor añadido ¶

Conocer TypeScript puede ser un valor añadido a tu perfil profesional y mejorar la calidad de tu código, proporcionando más oportunidades laborales.

Migración de proyectos a TypeScript ¶

Migrar proyectos existentes a TypeScript puede ser complicado, pero es una opción a considerar para proyectos nuevos, especialmente si se buscan las ventajas mencionadas anteriormente.

👉 Mira un poco más abajo para descubrir más sobre este tema.

Conclusión ¶

TypeScript es un lenguaje de programación potente y versátil que puede impulsar tu carrera como desarrollador gracias a sus características y ventajas. El conocimiento de TypeScript y su enfoque en el tipado estático mejorará la calidad del código y permitirá resolver errores con mayor eficacia.

Además, el aprendizaje constante en el mundo de la programación es clave para el crecimiento profesional y el dominio de TypeScript puede abrir nuevas oportunidades laborales.

TypeScript en Web Reactiva ¶

Para nosotros ha sido fundamental empezar a trabajar sobre este lenguaje para incorporar valor del bueno a nuestro código.

Taller de introducción a TypeScript
Primeros pasos en este sensacional lenguaje diseñado para developers sagaces.
⭐️ Acceder al taller {Contenido premium}
🛠 Consulta el guión del taller en Github.

Migrando una API Rest desde JavaScript a TypeScript
Con Alfredo Giménez cambiamos un código con node.js y express de JavaScript a TypeScript
⭐️ Acceder a la grabación {Contenido premium}

Refactorizando código desde JavaScript a TypeScript
Cambiamos un código sencillo de JavaScript a TypeScript.
⭐️ Acceder a la grabación {Contenido premium}
🛠 Puedes ver el taller original de Jeremy

Preguntas Frecuentes (FAQ) ¶

1. ¿Qué es TypeScript y por qué es útil para el desarrollo web? ¶

TypeScript es un lenguaje de programación basado en JavaScript que introduce un sistema de tipado estático, lo cual permite a los desarrolladores identificar y corregir errores más fácilmente.

2. ¿Cuáles son las ventajas de utilizar TypeScript? ¶

Algunas ventajas de TypeScript incluyen instalación fácil en Visual Studio Code, enfoque en el tipado de datos y autodocumentación.

3. ¿Es necesario conocer JavaScript antes de aprender TypeScript? ¶

Sí, tener conocimientos previos de JavaScript es necesario para aprender TypeScript porque se basa en este lenguaje.

4. ¿Por qué el tipado de datos es importante en TypeScript? ¶

El tipado de datos es fundamental en TypeScript porque permite al programador identificar errores con mayor facilidad y mantener un código limpio y legible.

5. ¿Cómo puede TypeScript mejorar mi carrera profesional como desarrollador? ¶

Aprender TypeScript puede proporcionar un valor añadido a tu perfil profesional y abrir nuevas oportunidades en el mercado laboral debido al crecimiento en la demanda de desarrolladores con conocimientos en este lenguaje.