Scribd
Cargar
116 vistas

Type Script

TypeScript es un lenguaje de programación de código abierto desarrollado y mantenido por Microsoft que es un superconjunto de JavaScript, agregando tipos estáticos y objetos para proyectos grandes.

Cargado por

Kevin Valencia Romero
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
116 vistas

Type Script

TypeScript es un lenguaje de programación de código abierto desarrollado y mantenido por Microsoft que es un superconjunto de JavaScript, agregando tipos estáticos y objetos para proyectos grandes.

Cargado por

Kevin Valencia Romero
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 14

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)
Node.js. (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;

console.log(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;
};
console.log(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,
this.base = base; // debe de tener dos propiedades:
this.altura = altura;
// * base
}
// * altura
// También un método que calcule el
calcularArea():number{ área = base * altura,
return this.base*this.altura;
// ese método debe de retornar un
}
}
numero.

let clase:Rectangulo = new Rectangulo(2,3);


console.log(clase.calcularArea());
Bibliografía
[1] Typescript. https://www.typescriptlang.org/. © 2012-2020
Microsoft.
[2] Angular. https://angular.io/. Google ©2010-2020.
[3] JavaScript.
https://developer.mozilla.org/es/docs/Web/JavaScript. © 2005-
2020 Mozilla and individual contributors.
[4] Typescript. https://code.tutsplus.com/es/tutorials/typescript-for-
beginners-basic-data-types--cms-29438 .© 2012-2020 Microsoft.

También podría gustarte