Adrian Eguez
Windows, Mobile and Web Developer with Node.js and Angular, Proffesor in Escuela Politécnica Nacional
Introducción a Typescript
Ing. Adrián Egüez
Optional static type-checking
and last Ecmascript (js)
Features
Introducción General
Ing. Adrián Egüez
Optional static type-checking
and last Ecmascript (js)
Features
Introducción General
Ing. Adrián Egüez
Ecmascript es el nombre formal de js:
Ecmascript = Javascript
JavaScript cuenta con 8 versiones desde el año
1997 -> 2016
-ECMAScript 6 is also called ECMAScript 2015.
-ECMAScript 7 is also called ECMAScript 2016.
Introducción General
¿Por qué utilizalas?
Ing. Adrián Egüez
- Ecmascript version 5 es la versión más instalada en casi todos los dispositivos.
- Las nuevas versiones lastimosamente aún no son implementadas por completo
Introducción General
¿Por qué utilizalas?
Ing. Adrián Egüez
- Al no poder instalar nuevas versiones fácilmente en los navegadores, se recurren a librerías de "Transpilación"
Introducción General
¿Por qué utilizalas?
Ing. Adrián Egüez
Es un tipo de compilador que toma el codigo fuente de un programa escrito en un lenguaje y
Produce un equivalente en otro lenguaje de programación
Introducción General
¿Por qué utilizalas?
Ing. Adrián Egüez
Estas librerías pueden ser configuradas para transpilar el código a la versión deseada:
ES5?
ES6?
ES7?
ES5 :)
¿Lenguaje Tipado?
¿Qué es eso?
Ing. Adrián Egüez
var nombre = "Adrian";
let nombre:string = "Adrian";
No Typado
Typado
La variable no se sabe de qué tipo es:
- Desconoce métodos
- Desconoce propiedades
Se sabe de qué tipo es:
- Conoce métodos
- Conoce propiedades
- Se valida en el IDE
- Código + Seguro
**IDE = Entorno de desarrollo
¿Donde se puede usar?
Ing. Adrián Egüez
let nombre:number= 55;
Variables
Parametros de Funciones
function HolaMundo (nombre:string){
*/ Implementación /*
}
¿Donde se puede usar?
Ing. Adrián Egüez
Tipo de retorno de Funciones
function HolaMundo (nombre):void{
*/ Implementación /*
}
¿Donde se puede usar?
Ing. Adrián Egüez
Definición de interfaces
interface persona{
nombre:string,
apellido:string,
fecha:new Date(),
}
¿Cómo empiezo?
Ing. Adrián Egüez
Por lo tanto debemos de instalar Node.js
Typescript corre gracias a:
Node.js
¿Cómo empiezo?
Ing. Adrián Egüez
Después, instalamos mediante el gestor de paquetes de node.js npm :
$ npm install -g typescript
Escribimos nuestro código en un archivo TypeScript.
Transpilamos con el comando:
$ tsc archivo.ts
Los archivos TypeScript tienen por extension".ts"
¿Cómo empiezo?
Ing. Adrián Egüez
Al final tendríamos un nuevo archivo:
archivo.js
> Carpeta
> archivo.ts
> archivo.js
Documentación
Ing. Adrián Egüez
TypeScript tiene una genial documentación, puedes visitarla en el sigueinte enlace:
Handbook
Ing. Adrián Egüez
- Types
- Declarations
- Interfaces
- Classes
- Iterators
- Functions
- Generics
- Enums
- Type Inference
- Generators
Es un lenguaje tipado bastante completo:
En la documentación tenemos un Handbook con lo necesario
- Symbols
- Modules
- Namespaces
- Decorators
- Mixins
Final Words
Ing. Adrián Egüez
TypeScript nos brinda mejores y actuales formas de escribir JavaScript
En los últimos meses se ha convertido el estándar dentro de código JavaScript
Final Words
Ing. Adrián Egüez
Es un lenguaje soportado por Microsoft
Muchos Frameworks lo usan / están migrando a su uso
Gracias
Ing. Adrián Egüez
Typescript - Introduccion
By Adrian Eguez
Typescript - Introduccion
Dentro de estos slides se encuentra una pequeña descripcion de typescript
