Conoces a TypeScript?

Empecemos por definir o entender qué es TypeScript y un poco de su historia.

En resumen a mi me gusta definir a TypeScript como un Super Javascript, te preguntarás y por qué esa definición?, es que TypeScript es capaz de hacer todo lo que Javascript hace y un más. Entonces ya aquí sabes que Typescript, es un lenguaje de programación de multipropósito que nos va a ayudar en la implementación de soluciones para web, para backend y dispositivos móvil. tal como lo hace Javascript.

TypeScript nace en el año 2010 y es lanzado oficilamente en el año 2012, por Microsoft, así es, Microsoft es el responsable de la creación y mantenimiento de TypeScript, pero no te preocupes, TypeScript posee licencia de código abierto, así que es posible usarlo sin ningún costo.

Diferencias más importantes entre TypeScript y Javascript

1. TypeScript es compilado y Javascript es interpretado de cara al desarrollador, (importante Javascript trabaja con un proceso llamado JIT: Just In Time Compiler, entonces no es 100% interpretado).
2. TypeScript es de tipado de datos fuerte, es decir toda variable debe tener su tipo definido, a diferencia de Javascript que es libre de tipado o de tipado débil.
3. Mejor y mayor implementación del paradigma de la programación orientada a objetos, con TypeScript es más sencillo y comodo escribir código orientado a objeto, permite Clases, Herencia, Interfaces (que Javascript no soporta).
4. Detección de errores, tomando en cuenta las 2 diferencias anteriores, TypeScript nos va a permitir generar un código más robusto, con menor tasa de errores, al ser compilado, cualquier error de sintaxis será detectado antes de ser generado el código Javascript (a ver pero vamos a generar código Javascript al final? te estaras preguntando esto), al tener tipado fuerte, vamos a evitar problemas de inconsistencia en la gestión de variables.

Como trabajar con TypeScript?

Tal como lo leíste en el parrafo anterior, al final TypeScript se va a convertir en Javascript, esto por una razón fundamental, en nuestros proyectos los interpretes de código lo que entienden es Javascript y no TypeScript, recordando que para la web interprete de código es el navegador (en cualquiera de sus presentaciones: Chrome, Edge, Firefox, Opera o Safari) y para backend tenemos en primera instancia a Node, pero existe Deno y Bun como alternativas para interpretar y ejecutar código del lado de backend.

Con la premisa anterior, entendemos que vamos a codificar siguiendo la sintaxis de TypeScript (que es similar a la de Javascript, pero con sus ventajas en cuanto a datos, objetos, etc) pero al final y aquí una de las maravillas de TypeScript, es que el compilador va a generar código Javascript que hace exactamente lo mismo que implementamos en Javascript, pero este código "sera interpretado correctamente" por los entornos de ejecución tanto en la web como del lado del backend.

Creando un HolaMundo con TypeScript

Para ello vamos a necesitar de un entorno de ejecución como es el caso de Node, para instalar Node, simplemente vamos a su sitio web y realizamos la descarga si es el caso de Windows o realizamos esta serie de pasos que el site de DigitalOcean gentilmente nos ha compartido.

Con el entorno instalado, ya podemos avanzar.

Instalando y dejando a punto TypeScript

Para usar TypeScript, debemos instalarlo, es muy simple y sencillo, desde la terminal, realizamos los siguientes pasos:

npm i -g typescript

Luego de instalado verificamos que haya quedado todo correctamente, con el siguiente comando:

tsc -v

Como buena práctica vamos a definir un proyecto, así sea para un simple HolaMundo, en esa carpeta ejecutamos lo siguiente:

tsc --init

Verificamos el archivo tsconfig.json, el cual es responsable de mantener todas las configuraciones necesarias para que TypeScript funciona de la forma que deseamos.

En el vídeo del inicio del artículo podrás visualizar como hemos realizado nuestro HolaMundo.

En próximas entregas iremos avanzando en el conocimiento de cada una de las características que TypeScript nos ofrece. 😉😎