Introducción a TypeScript
Descargar como PPTX, PDF0 recomendaciones5,423 vistas
Este documento presenta una introducción a TypeScript. Explica que TypeScript agrega comprobación estática de tipos a JavaScript para mejorar la mantenibilidad del código. Describe características como clases, interfaces, herencia y módulos. Finalmente, compara TypeScript con otras opciones como CoffeeScript y Dart, y resume que TypeScript agrega tipos sin cambiar la sintaxis de JavaScript.
![{WE [♥] JS}](https://image.slidesharecdn.com/typescript-130311161802-phpapp01/85/Introduccion-a-TypeScript-6-320.jpg)
![#1 HOLA MUNDO
OLA K ASE
{WE [♥] JS}](https://image.slidesharecdn.com/typescript-130311161802-phpapp01/85/Introduccion-a-TypeScript-16-320.jpg)
![#2 CLASES Y HERENCIA
{WE [♥] JS}](https://image.slidesharecdn.com/typescript-130311161802-phpapp01/85/Introduccion-a-TypeScript-17-320.jpg)
![#3 INTERFACES
{WE [♥] JS}](https://image.slidesharecdn.com/typescript-130311161802-phpapp01/85/Introduccion-a-TypeScript-18-320.jpg)
![#4 MODULOS
{WE [♥] JS}](https://image.slidesharecdn.com/typescript-130311161802-phpapp01/85/Introduccion-a-TypeScript-19-320.jpg)
![#5 NODE + MONGO + EXPRESS
{WE [♥] JS}](https://image.slidesharecdn.com/typescript-130311161802-phpapp01/85/Introduccion-a-TypeScript-20-320.jpg)
![RESUMIENDO…
- Comprobación estática de tipos (solo VS)
- Clases, Interfaces y Herencia
- Módulos internos y externos
- Otras opciones: CoffeScript, Dart o JS puro
{WE [♥] JS}](https://image.slidesharecdn.com/typescript-130311161802-phpapp01/85/Introduccion-a-TypeScript-21-320.jpg)
Introducción a TypeScript
- 1. Introducción a TypeScript Pablo Bouzada Fernando Escolar
- 2. www.pasiona.com info@pasiona.com (+34) 669 333 333 @pasiona Barcelona Bilbao Madrid Londres Pujades 350, 10ª planta Gran Vía 19-21, 2ª planta Pinar 5, 1 Northumberland Avenue 08019 · Barcelona 48008 · Bilbao 28006 · Madrid London · WC2N 5BW
- 4. Pablo Bouzada @pbousan Key Consultant en pasiona Consulting Divulgador Tecnológico en Fundación Techdencias pbouzada@pasiona.com pbousan@techdencias.net Fernando Escolar @fernandoescolar Key Consultant en pasiona Consulting Divulgador Tecnológico en Fundación Techdencias fescolar@pasiona.com fescolar@techdencias.net
- 6. {WE [♥] JS}
- 7. Javascript vs TypeScrip t
- 8. MANTENIBILIDAD Comprobación estática de tipos. POO: clases, herencia Interfaces Module pattern.
- 10. ¿Quién Logro desbloqueado: PADRAZO está detrás de todo esto? Turbo Pascal Delphi C# TypeScript
- 11. ¿Otro lenguaje nuevo? CoffeScript TypeScript JavaScript Dart
- 12. ¿Otro lenguaje nuevo? CoffeScript TypeScript JavaScript Dart
- 14. Integrado con tu IDE favorito
- 16. #1 HOLA MUNDO OLA K ASE {WE [♥] JS}
- 17. #2 CLASES Y HERENCIA {WE [♥] JS}
- 18. #3 INTERFACES {WE [♥] JS}
- 19. #4 MODULOS {WE [♥] JS}
- 20. #5 NODE + MONGO + EXPRESS {WE [♥] JS}
- 21. RESUMIENDO… - Comprobación estática de tipos (solo VS) - Clases, Interfaces y Herencia - Módulos internos y externos - Otras opciones: CoffeScript, Dart o JS puro {WE [♥] JS}
- 22. 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
- 23. Pablo Bouzada @pbousan Q&A pbouzada@pasiona.com pbousan@techdencias.net Fernando Escolar @fernandoescolar fescolar@pasiona.com fescolar@techdencias.net
- 24. Muchas gracias!
Notas del editor
- #9: TypeScritp lo que nos ofrece es MANTENIBILIDAD, y esto qué es lo que es? Pues ni más ni menos que en nuestros proyectos en los que tengamos mucho JavaScritp (estamos hablando de esos proyectos molones en los que todos los javascripteros queréis trabajar), lo podamos tener mejor estructurado y haya una jerarquía de clases robusta.
- #10: TypeScript se adelanta a la nueva versión de EcmaScript, que será la 6, en la que se van a incluir definición de clases, aunque no de interfaces, tal vez para la 7…
- #11: ¿Quién está detrás de TypeScript?AndersHejlsbergAutor de Turbo Pascal, arquitecto jefe de Delphi, C#, vamos un cualquiera...Tú: es un proyecto open-source con licencia Apache
- #12: No, TypeScritp es un superconjunto de Javascript, por lo que no necesitas aprender un lenguaje nuevo.
- #13: No, TypeScritp es un superconjunto de Javascript, por lo que no necesitas aprender un lenguaje nuevo.
- #14: jQuery, nodejs,backbone, knockout y winjs para apps de Windows 8Pero se puede decir lo mismo para cualquier librería JavaScript existente … o futura.
- #15: Múltiples plataformas: integración con Visual Studio, Sublime Text, Vi, Ecmas
- #16: Pero basta ya de hablar, vamos con las demos, que es lo importante…