TypeScript, I choose you.

TypeScript, I choose you.

TypeScript is a free and open source programming language developed and maintained by Microsoft. It’s a superset of JavaScript, which essentially adds static typing and class-based objects. Anders Hejlsberg, C # designer and creator of Delphi and Turbo Pascal, has worked on developing TypeScript. Typescript can be used to develop JavaScript applications that will run on the client side or server (Node.js).

TypeScript extends JavaScript syntaxy’s, therefore any existent JavaScript code should run smoothly. It is suitable for big projects, which are translated to JavaScript original code through a TypeScript compiler.

TypeScript supports definition files containing information on existing  JavaScript library types, similar to the C/C ++ header files that describe the file structure of existing objects. This allows other programs to use the values defined in the files as if they were statically typed TypeScript entities. There are headers for popular libraries such as jQuery, MongoDB and D3.js, and the basic modules of Node.js

TypeScript compiler is also written in TypeScript, compiled to JavaScript and with an Apache 2 License.

TypeScript is included as a first-level programming language in Microsoft Visual Studio 2013 Update 2 and higher versions, along with C# and other Microsoft languages. An official extension allows Visual Studio 2012 to support TypeScript as well.

Installation

Imagen1

Note: We can do a “tsc -w file.ts” so that it is “looking” at each file change and do not have to transpile by hand.

Let’s see an easy example of this language:

Imagen2

Imagen3

This was a brief example, we can do an even stronger programming in typing by specifying the types both in variables, parameters we receive, values that return the functions, etc.

Now let’s see what is the result in JS of the transpilacion (which is what we are going to link):

Imagen4

Imagen5

Personal opinion: I want to share with you a brief introduction to this language because I think TypeScript has a lot of potential as it includes JS standards, both ECMAScript5 and 6.

Being a strongly-typed language it allows a more organized, powerful and robust programming:

Imagen6

Here is a video of the official website with an even more detailed explanation:

http://video.ch9.ms/ch9/4ae3/062c336d-9cf0-498f-ae9a-582b87954ae3/B881_mid.mp4 

Additional link with more information:

https://www.typescriptlang.org 

Demos:

https://www.typescriptlang.org/samples/index.html



TypeScript, I choose you.

TypeScript es un lenguaje de programación libre y de código abierto desarrollado y mantenido por Microsoft. Es un superconjunto de JavaScript, que esencialmente añade tipado estático y objetos basados en clases. Anders Hejlsberg, diseñador de C# y creador de Delphi y Turbo Pascal, ha trabajado en el desarrollo de TypeScript. Typescript puede ser usado para desarrollar aplicaciones JavaScript que se ejecutarán en el lado del cliente o del servidor (Node.js).

TypeScript extiende la sintaxis de JavaScript, por tanto cualquier código JavaScript existente debería funcionar sin problemas. Está pensado para grandes proyectos, los cuales a través de un compilador de TypeScript se traducen a código JavaScript original.

TypeScript soporta ficheros de definición que contengan información sobre los tipos de librerías JavaScript existentes, similares a los ficheros de cabeceras de C/C++ que describen la estructura de ficheros de objetos existentes. Esto permite a otros programas usar los valores definidos en los ficheros como si fueran entidades TypeScript de tipado estático. Existen cabeceras para librerías populares como jQuery, MongoDB y D3.js, y los módulos básicos de Node.js.

El compilador de TypeScript está escrito asimismo en TypeScript, compilado a JavaScript y con Licencia Apache 2.

TypeScript se incluye como lenguaje de programación de primer nivel en Microsoft Visual Studio 2013 Update 2 y posteriores, junto a C# y otros lenguajes de Microsoft. Una extensión oficial permite a Visual Studio 2012 soportar también TypeScript (Wikipedia).

Instalación

Imagen1

Nota: Podemos hacer un “tsc -w archivo.ts” para que quede “mirando” el archivo en cada cambio y no tener que transpilar a mano.

Vamos a ver un ejemplo sencillo de este lenguaje:

Imagen2

Imagen3

Esto fue un breve ejemplo, podemos hacer una programación aún más fuerte en tipado especificando los tipos tanto en variables, parámetros que recibimos, valores que devuelven las funciones, etc.

Ahora veamos cual es el resultado en JS de la transpilacion (que es lo que vamos a vincular):

Imagen4

Imagen5

Opinión personal: Quería compartir con ustedes una breve intro a este lenguaje ya que pienso que Typescript tiene mucho potencial porque encierra los standards de JS, tanto ECMAScript5 como 6.

Al ser un lenguaje de fuerte tipado nos permite una programación más ordenada, potente y robusta. En definitiva esta imagen lo describe todo:

Imagen6

Aquí les dejo un video de la página oficial con una explicación aún más detallada:

http://video.ch9.ms/ch9/4ae3/062c336d-9cf0-498f-ae9a-582b87954ae3/B881_mid.mp4

Para conocer más les dejo unos links extra:

Web Oficial:

https://www.typescriptlang.org

Para ver Demos:

https://www.typescriptlang.org/samples/index.html

 

 

Share This
Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn