Download - Introducción a TypeScript

Transcript
Page 1: Introducción a TypeScript

Pablo Bouzada Fernando Escolar

Introducción a TypeScript

Page 2: Introducción a TypeScript

www.pasiona.com(+34) 669 333 [email protected]

@pasiona BarcelonaPujades 350, 10ª planta

08019 · Barcelona

BilbaoGran Vía 19-21, 2ª planta

48008 · Bilbao

Londres1 Northumberland Avenue

London · WC2N 5BW

MadridPinar 5,

28006 · Madrid

Page 3: Introducción a TypeScript
Page 4: Introducción a TypeScript

Pablo Bouzada @pbousanKey Consultant en pasiona ConsultingDivulgador Tecnológico en Fundación Techdencias

[email protected]@techdencias.net

Fernando Escolar @fernandoescolarKey Consultant en pasiona ConsultingDivulgador Tecnológico en Fundación Techdencias

[email protected]@techdencias.net

Page 5: Introducción a TypeScript

@techdencias

@pasiona

#WeLoveJS

@WeLoveJS_Event

Page 6: Introducción a TypeScript

{WE [ ] JS}♥

Page 7: Introducción a TypeScript

Javascript vsTypeScript

Page 8: Introducción a TypeScript

MANTENIBILIDAD

Comprobación estática de tipos. POO: clases, herencia Interfaces Module pattern.

Page 9: Introducción a TypeScript

¿OO en Javascript?

Page 10: Introducción a TypeScript

¿Quién está detrás de todo esto?

Turbo Pascal Delphi C# TypeScript

10 Logro desbloqueado:

PADRAZO

Page 11: Introducción a TypeScript

¿Otro lenguaje nuevo?

TypeScript

JavaScript

CoffeScript

Dart

Page 12: Introducción a TypeScript

¿Otro lenguaje nuevo?

TypeScript

JavaScript

CoffeScript

Dart

Page 13: Introducción a TypeScript

Cualquier librería Javascript

Page 14: Introducción a TypeScript

Integrado con tu IDE favorito

Page 15: Introducción a TypeScript

SHOW ME THE CODE!!

Page 16: Introducción a TypeScript

#1 HOLA MUNDO#1 HOLA MUNDOOLA K ASE

{WE [ ] JS}♥

Page 17: Introducción a TypeScript

#2 CLASES Y HERENCIA

{WE [ ] JS}♥

Page 18: Introducción a TypeScript

#3 INTERFACES

{WE [ ] JS}♥

Page 19: Introducción a TypeScript

#4 MODULOS

{WE [ ] JS}♥

Page 20: Introducción a TypeScript

#5 NODE + MONGO + EXPRESS

{WE [ ] JS}♥

Page 21: Introducción a TypeScript

RESUMIENDO…

{WE [ ] JS}♥

- Comprobación estática de tipos (solo VS)- Clases, Interfaces y Herencia- Módulos internos y externos

- Otras opciones: CoffeScript, Dart o JS puro

Page 22: Introducción a TypeScript

Recursos

Site oficial de TypeScript: http://www.typescriptlang.org/

Código fuente y ejemplos: http://typescript.codeplex.com/

Ejemplos de esta charla: https://

github.com/pbousan/welovejs

Page 23: Introducción a TypeScript

Pablo Bouzada@pbousan

[email protected]@techdencias.net

Q&A

Fernando Escolar@fernandoescolar

[email protected]@techdencias.net

Page 24: Introducción a TypeScript

Muchas gracias!