Introducción a TypeScript

4,918 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
4,918
On SlideShare
0
From Embeds
0
Number of Embeds
4,050
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 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.
  • 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…
  • ¿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
  • No, TypeScritp es un superconjunto de Javascript, por lo que no necesitas aprender un lenguaje nuevo.
  • No, TypeScritp es un superconjunto de Javascript, por lo que no necesitas aprender un lenguaje nuevo.
  • jQuery, nodejs,backbone, knockout y winjs para apps de Windows 8Pero se puede decir lo mismo para cualquier librería JavaScript existente … o futura.
  • Múltiples plataformas: integración con Visual Studio, Sublime Text, Vi, Ecmas
  • Pero basta ya de hablar, vamos con las demos, que es lo importante…
  • Introducción a TypeScript

    1. 1. Introducción a TypeScriptPablo BouzadaFernando Escolar
    2. 2. www.pasiona.cominfo@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
    3. 3. Pablo Bouzada @pbousanKey Consultant en pasiona ConsultingDivulgador Tecnológico en Fundación Techdenciaspbouzada@pasiona.com pbousan@techdencias.netFernando Escolar @fernandoescolarKey Consultant en pasiona ConsultingDivulgador Tecnológico en Fundación Techdenciasfescolar@pasiona.com fescolar@techdencias.net
    4. 4. @techdencias@pasiona@WeLoveJS_Event#WeLoveJ
    5. 5. {WE [♥] JS}
    6. 6. Javascript vsTypeScript
    7. 7. MANTENIBILIDAD Comprobación estática de tipos. POO: clases, herencia Interfaces Module pattern.
    8. 8. ¿OO enJavascript?
    9. 9. ¿Quién Logro desbloqueado: PADRAZOestádetrás detodo esto? Turbo Pascal Delphi C# TypeScript
    10. 10. ¿Otrolenguaje nuevo? CoffeScript TypeScript JavaScript Dart
    11. 11. ¿Otrolenguaje nuevo? CoffeScript TypeScript JavaScript Dart
    12. 12. Cualquierlibrería Javascript
    13. 13. Integrado contu IDE favorito
    14. 14. SHOW METHECODE!!
    15. 15. #1 HOLA MUNDO OLA K ASE {WE [♥] JS}
    16. 16. #2 CLASES Y HERENCIA {WE [♥] JS}
    17. 17. #3 INTERFACES {WE [♥] JS}
    18. 18. #4 MODULOS {WE [♥] JS}
    19. 19. #5 NODE + MONGO + EXPRESS {WE [♥] JS}
    20. 20. 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}
    21. 21. RecursosSite 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
    22. 22. Pablo Bouzada @pbousan Q&Apbouzada@pasiona.compbousan@techdencias.netFernando Escolar @fernandoescolarfescolar@pasiona.comfescolar@techdencias.net
    23. 23. Muchas gracias!

    ×