Introduccion a Typescript

Introduccion a Typescript

Que es Typescript?

Typescript es un lenguage de programacion libre y de codigo abierto desarrollado y mantenido por Microsoft, es un superset de Javascript , que le añade tipado estatico y objetos basados en clase.

Este puede ser ultilizado tanto en el Front como en el Back de una aplicación

Por qué usar Typescript?

Typescript es una herramienta muy poderosa a la hora de desarrollar ya que permite escribir un código mas simple de refactorizar y gracias al uso de tipados, clases e interfaces se disminuye la probabilidad un error en la aplicacion.

Qué son los tipados?

Los tipados son basicamente los tipos de datos con que se declara una variable, parametros de una funcion o las propiedades de un objecto(number, boolean, string, etc), nos ayudan a definir reglas de tipo y restricciones en nuestro código.

Ejemplo:

Screenshot from 2022-09-26 13-49-21.png

Si intentamos añadir a text que esta especificado que tiene que contener un string otro tipo de dato typescript nos mostrara un error.

Screenshot from 2022-09-26 13-51-50.png

Qué son las interfaces?

Las interfaces son un contrato de código, nos ayuda a describir como debe lucir nuestra "data", se ultiliza la palabra reservada interface para crear una

Ejemplo:

Creamos una interface para definir los tipos de datos que debe contener User

Screenshot from 2022-09-26 14-38-45.png

Typescript nos permite ahorrar mucho tiempo ya que este automaticamente nos recuerda que propiedades debe contener un objecto si le indicamos como debe lucir a traves de la Interface.

Screenshot from 2022-09-26 16-31-21.png

Y tambien nos recuerda el tipo de dato que debe contener cada propiedad del objeto y nos manda un error cuando estamos guardando el tipo de dato incorrecto.

Screenshot from 2022-09-26 14-47-12.png

De esta manera nos aseguramos de tener todo en orden.

Screenshot from 2022-09-26 14-40-40.png

las Interfaces podemos extenderlas usando la palabra reservada extends para que una interface herede las propiedades de otra.

Screenshot from 2022-09-26 17-20-10.png

Clases

TypeScript es básado en el paradigma de programación orientada a Objetos. Una clase tiene atributos y métodos. Los atributos son variables internas de la clase, aveces a estos se les llama estado de la clase. Los métodos, son las acciones a realizar dentro de la clase.

Para crear una clase usamos la palabra reservada class seguido del nombre.

Screenshot from 2022-09-26 18-14-33.png

Los objetos que se crean a partir de la clase se llaman instancias de la clase.

Conclusion:

Con esta pequeña introducción a typescript podemos empezar a ver todo el potencial que este lenguage de programacion tiene para ofrecernos ya que soluciona muchos problemas que tiene javascript, gracias a typescript podemos tener un desarrollo rapido , con menos errores y mas escalable en el tiempo.