Introducción a TypeScript Introducción a TypeScript

🥇 Introducción a TypeScript

🍿 ¿Qué es TypeScript?

Cuando escribimos TypeScript estamos escribiendo solamente JavaScript, todo el conocimiento que tengas sobre JavaScript como el uso de tipos primitivos, arreglos, funciones, e incluso de aquellas características de ES6 como let, const y las arrow functions, aplican para el uso de TypeScript, la única parte que se agrega al lenguaje es un sistema de tipos o tipado, y es sobre lo que vamos a hablar a través del curso.

El objetivo del tipado es capturar errores durante el proceso de desarrollo, programación o codificación, es decir cuando estamos escribiendo el código en nuestro editor.

El problema con JavaScript es que para encontrar muchos de los errores, la única forma de poderlo hacer es ejecutar el código y ver si un error aparece, lo que no es muy eficiente. Por ello al usar TypeScript se esta analizando el código mientras lo escribimos y nos está notificando de posibles errores dentro del propio editor de código. Para poder llevar a cabo esta tarea typescript realiza el análisis de las anotaciones de tipos (type annotations), podemos entender a estas type annotations como comentarios que le indican a typescript que tipos de datos esperar. Este sistema de detección de errores solo funciona dentro del editor, una vez que se ha compilado typescript, ni el navegador ni el código del lado del servidor (nodejs) utilizarán este análisis de tipos para reportar errores. A diferencia de otros compiladores de lenguajes que soportan tipado, el compilador de typescript no realiza ninguna optimización del código a nivel de performance.

El flujo de trabajo cuando se utiliza javascript consiste en:

🍿 ¿Cómo ejecutar código TypeScript en el navegador?

Existe la posibilidad de escribir typescript directamente en el navegador utilizando una pequeña herramienta que se encuentra en el sitio web typescriptlang.org/play. Esta herramienta realiza todo el proceso de conversión de typescript a javascript y la ejecución del mismo.

La herramienta tiene dos columnas, del lado izquierdo se escribe typescript y se muestra convertido a javascript del lado derecho para su ejecución.

🍿 ¿Qué es el lenguaje JavaScript?

JavaScript (conocido también como ECMAScript) es un lenguaje de programación que fue creado originalmente para ser utilizado dentro de los navegadores web. En un inicio estaba destinado a realizar tareas muy sencillas y limitadas dentro del navegador pero conforme el navegador se ha vuelto una pieza de software mas importante, JavaScript ha evolucionado al punto en donde hoy en día existen aplicaciones de miles de líneas de código.

Ademas de la aparición de las single page apps (aplicaciones que se ejecutan en sola página), JavaScript empezó a ser utilizado también del lado del servidor, mediante el uso de nodejs. Hoy en día JavaScript es un lenguaje multipropósito que puede ser utilizado para construir aplicaciones móviles, de línea de comandos, escritorio, etc.

En JavaScript existen algunas peculiaridades del lenguaje, como por ejemplo…

"" == 0

La expresión anterior en la mayoría de los lenguajes genera un salida false pero en JavaScript genera una salida true debido a que para el lenguaje cualquier cadena vacía es igual a 0 y a false.

🍿 TypeScript vs JavaScript

🥤 ¿Qué es static checking?

El poder detectar errores durante la escritura del código es lo que conocemos como static checking.

En TypeScript a diferencia de JavaScript es posible revisar los errores antes de la ejecución del código, para lo cual el compilador realiza una revisión de los tipos.

En el siguiente ejemplo el compilador de TypeScript genera un error debido a que la propiedad sexo no existe para el objeto persona.

const persona = {
    nombre: "Daniel",
    edad: 25,
}
console.log("El nombre es: ", persona.nombre);
console.log("La edad es: ", persona.edad);
console.log("El sexo es: ", persona.sexo);

TypeScript además de ser un lenguaje es también un superset de JavaScript, por lo cual podemos escribir JavaScript dentro de TypeScript.

🍿 Tipado

Al agregar tipado en un lenguaje agregamos reglas de que tipos de valores pueden ser utilizados.

Al utilizar TypeScript este tipo de errores relacionados al tipado y que son visibles solo en tiempo de ejecución, pueden ser visualizados al momento en el cual se escribe el código utilizando editores para TypeScript o cuando el compilador de TypeScript intente compilar el código.

🍿 Eliminación del tipado

Al finalizar la revisión del tipado, TypeScript remueve este tipado del código compilado. Esto significa que genera código JavaScript simplificado que puede ser utilizado con cualquier interprete de JavaScript.

TypeScript tampoco provee librerías adicionales pero puede hacer uso de todas las librerías de JavaScript existentes.

🍿 ¿Por qué aprender TypeScript en lugar de JavaScript?

Aprender TypeScript en cierta forma implica aprender JavaScript, cuando aprendes TypeScript aprendes JavaScript con una serie de beneficios adicionales.

Cuando necesites realizar una consulta acerca de como completar una tarea con TypeScript (por ejemplo recorrer un arreglo), puedes realizar la búsqueda utilizando JavaScript y de igual forma podrás implementar el mismo algoritmo.

🍿 ¿Cuándo fue creado TypeScript?

TypeScript fue liberado en Octubre del 2012, la primera versión que se liberó fue la 0.8.

🍿 ¿Quiénes son los creadores de TypeScript?

TypeScript fue creado por el quipo de Microsoft liderado por Anders Hejlsberg quien también es el creado del lenguaje de programación C#, Delphi y Turbo Pascal.

🍿 ¿Quiénes utilizan TypeScript?

TypeScript es utilizado por compañias como:

🍿 ¿Cuáles son las ventajas de utilizar TypeScript?

Tipado Estático (Static Typing)

El tipado estático permite al compilador detectar errores antes de que sean encontrados en tiempo de ejecución.

Autocompletado

Los editores de código pueden autocompletar de forma mas elegante y completa, al tener estos referencias a los tipos que se estan utilizando.

🍿 ¿Qué tipo de aplicaciones se pueden crear con TypeScript?

Con TypeScript es posible crear cualquier tipo de aplicación que se crea con JavaScript, por lo cual es posible crear aplicaciones web backend, aplicaciones móviles con ionic, aplicaciones de escritorio con electron, entre otras.

🍿 Conclusión

Aprender TypeScript te permite de forma simultanea aprender JavaScript con el beneficio de agregar ventajas adicionales como la detección de errores tempranos.

TypeScript se exporta a JavaScript y es ejecutado entonces por los navegadores o sistemas creados con nodejs a nivel del servidor.

El tipado permite restringir los valores que podemos utilizar, y al hacer esto evita que se filtren una serie de errores.

Instalación de TypeScript
comments powered by Disqus