Resumen de Typescript

2/28

Lectura

En esta infograf铆a te permitir谩 tener un gran resumen sobre Typescript y sus implementaciones en distintos frameworks de FrontEnd.

Infografia-Typescript.png

Aportes 36

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

TypeScript es un lenguaje de programaci贸n de c贸digo abierto desarrollado por Microsoft, el cual cuenta con herramientas de programaci贸n orientada a objetos, muy favorable si se tienen proyectos grandes. Anders Hejlsberg, arquitecto principal del desarrollo del lenguaje de programaci贸n C#, es el principal participante en el desarrollo de este lenguaje.

TypeScript convierte su c贸digo en Javascript com煤n. Es llamado tambi茅n Superset de Javascript, lo que significa que si el navegador est谩 basado en Javascript, este nunca llegar谩 a saber que el c贸digo original fue realizado con TypeScript y ejecutar谩 el Javascript como lenguaje original.

驴Qu茅 es un superset?

Se trata de un lenguaje escrito sobre otro lenguaje. En este caso Typescript es eso, un lenguaje basado en el original, ofreci茅ndonos grandes beneficios como el descrito anteriormente, aunque existen otros beneficios. Por ejemplo, mientras otros superset de JavaScript nos alejan del c贸digo original, Typescript, por el contrario, es muy similar a Javascript y a C# gracias a que su creador posee conocimientos de ambos lenguajes.

Actualmente Angular 2, uno de los frameworks m谩s famosos de JavaScript, est谩 siendo desarrollando en TypeScript, para lo cual conocer este lenguaje ser谩 fundamental para entender y darle un mejor uso a la nueva versi贸n de Angular.

Fuente: TypeScript

Compilaci贸n

Es el proceso por el cual el c贸digo fuente de un programa escrito en un lenguaje de programaci贸n 鈥淎鈥 se traduce a c贸digo fuente de un lenguaje de programaci贸n 鈥淏鈥. Cuando el c贸digo origen est谩 escrito en un lenguaje de programaci贸n de 鈥渁lto nivel鈥 (C, Java, PHP u otros lenguajes de tercera generaci贸n) y se traduce a c贸digo m谩quina que pueda ejecutar directamente el ordenador. Pero hay muchas otras posibilidades como pasar por una representaci贸n intermedia en bytecode como es el caso t铆pico de Java.

Transpilaci贸n

La transpilaci贸n es un caso particular de la compilaci贸n. Es decir, todo transpilador es tambi茅n un compilador pero al rev茅s no es cierto, hay compiladores que no se pueden considerar transpiladores. 驴Y cu谩l es la caracter铆stica que convierte un compilador en transpilador?: la relaci贸n entre los lenguajes origen y destino de la traducci贸n.

Si el compilador traduce c贸digo entre dos lenguajes que est谩n al mismo nivel de abstracci贸n entonces, estamos ante un transpilador. Si traduce c贸digo entre lenguajes de diferente nivel de abstracci贸n (t铆picamente de m谩s alto a m谩s bajo nivel) entonces no lo es.

Goo!

Hay un problema de Typescript que no se menciona y es que los desarrolladores piensan que estan usando un nuevo lenguaje, incluso un lenguaje orientado a objetos y eso no es cierto, realmente por detras siguen usando Javascript.

Typescript es Javascript bien escrito 馃槃

TypeScript es JavaScript con esteroides

React no es un framework, es una librer铆a.

Genial info, Vamo a darle 馃敟

Estoy Excitado(Emocionado xD).

Transpilar: el codigo inicial construira el codigo que se va ejecutar en otro lenguaje, es decir, el codigo que creara el codigo que se ejecutara en realidad.

Eso entendi. 馃槃

Typescript le da super poderes a javascript!!!

Bueno, aqu铆 vamos !!!

Vamos por el鈥

Muy buen resumen . Graciasss

Esto se ve muy interesante, me imagino que en Angular 8 ya se ve m谩s a detalle este tema de TS.

Gran infograf铆a! 馃挌

Muy buena explicacion

Excelente infograf铆a!!

Me encanta TS!

M谩s claro no pudo ser. 馃捇

Excelente. Primera vez que trabar茅 con TypeScript en un proyecto

Excelente! Vamos ahi

Muy bueno

Creen que alg煤n d铆a Vue y React sean reescritos en typescript鈥?

Un buen lenguaje tipado

Un lenguaje increible

Compilacion Vs Transpilacion??? gracias

Listo para empezar!

A por ellos!

excelente infografia!

esperamos aprender mucho.

TS es un lenguaje fuertemente tipado, tiene una sintaxis est谩tica, es decir que sus variables tendr谩n asignado un tipo de dato expl铆cito o inferido.

//explicito

Let name: string;
name = Pedro;

//Inferido

Let name = pedro;

GO!!

let鈥檚 go

Wow, sencillo, claro, te compro esta explicaci贸n

Excelente infograf铆a, me quedo mas claro el concepto de que es TypeScript.