TypeScript
Kevin Valencia, Jeffrey Vargas
CONTENIDO
1. Historia
2. Léxico y sintaxis
3. Campo de acción o entornos de funcionamiento
4. Importancia del lenguaje a nivel mundial
5. Críticas de la comunidad hacia el lenguaje
6. Cómo empezar a programar en TypeScript
7. Ejemplos de desarrollo
8. Bibliografía
Historia
• TypeScript fue publicado en octubre de 2012 (versión 0.8)
• Influido por Java, C++, JavaScript
• En julio de 2014, el equipo de desarrollo
un nuevo compilador.
• El 22 de septiembre de 2016, se lanzó TypeScript 2.0.
• Última versión estable (15 de febrero de 2018 (2 años, 6 meses y 26 días))
Léxico y sintaxis
Su sintaxis es una especie de mezcla entre Javascript y Java.
Tipos de datos
• El tipo de datos Null
• El Tipo de Datos Indefinido
• El Tipo de Datos Void
• El Tipo de Datos Boolean
• El Tipo de Datos Numérico
• El Tipo de Datos String
• Los tipos de datos Array y Tuple
• El Tipo de Datos Enum
• Los tipos Any y Never
Campo de acción o entornos de
funcionamiento
• Se usa en proyectos robustos para el desarrollo de aplicaciones con
Javascript a gran escala
• El caso más representativo es el de Angular 2, que ha usado este
lenguaje para el desarrollo de la última versión de su framework.
Importancia del lenguaje a nivel mundial
• Mejorar la productividad.
• Menos errores de código.
• Calidad del software.
• Angular respaldado por Google.
• TypeScript respaldado por Microsoft.
• Son proyectos totalmente open source.
• La demanda de Angular es imparable.
Críticas de la comunidad hacia el lenguaje
• Los puntos de vista de la comunidad
son muy diversos, pero generalmente
van más relacionados hacia lo positivo.
Cómo empezar a programar en TypeScript
1. Instalación e IDEs y Editores de Texto Con Soporte TypeScript
JavaScript Support ( plugin)
[Link]. (entorno)
TypeScript
2. Compilando TypeScript a JavaScript
Ejemplos de desarrollo
// Convertir esta funcion a una funcion de flecha
//function resultadoDoble( a, b ){
//return (a + b) * 2
//}
let resultadoDoble = (a:number , b:number) => (a + b )* 2;
[Link](resultadoDoble(2,2));
// Función con parametros obligatorios, opcionales y por defecto
// donde NOMBRE = obligatorio
// PODER = opcional
// ARMA = por defecto = "arco"
let getAvenger = ( nombre:string, poder?:string, arma:string = "arco" ) => {
let mensaje:string;
if( poder ){
mensaje = nombre + " tiene el poder de: " + poder + " y un arma: " + arma;
mensaje = `${ nombre } tiene el poder de: ${ poder } y un arma: ${ arma } `;
}else{
mensaje = nombre + " tiene un " + poder;
mensaje = `${nombre} tiene un: ${ poder }`;
}
return mensaje;
};
[Link](getAvenger("Mujer maravilla","",""));
class Rectangulo {
public base:number; // Cree una clase que permita manejar
public altura:number; la siguiente estructura
// La clase se debe de llamar
constructor(base:number,altura:number) { rectangulo,
[Link] = base; // debe de tener dos propiedades:
[Link] = altura;
// * base
}
// * altura
// También un método que calcule el
calcularArea():number{ área = base * altura,
return [Link]*[Link];
// ese método debe de retornar un
}
}
numero.
let clase:Rectangulo = new Rectangulo(2,3);
[Link]([Link]());
Bibliografía
[1] Typescript. [Link] © 2012-2020
Microsoft.
[2] Angular. [Link] Google ©2010-2020.
[3] JavaScript.
[Link] © 2005-
2020 Mozilla and individual contributors.
[4] Typescript. [Link]
beginners-basic-data-types--cms-29438 .© 2012-2020 Microsoft.
