O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

The Case for TypeScript

Video and slides synchronized, mp3 and slide download available at URL http://bit.ly/1qCEItC.

Mohamed Hegazy provides a guided tour to TypeScript, showing how the language and toolset simplify application-scale JavaScript development. Filmed at qconsf.com.

Mohamed Hegazy is the engineering manager for the TypeScript team. He has been part of the TypeScript team since its first public release three years ago. Before that he was on the Visual Studio JavaScript tools team. Mohamed enjoys working on compilers and language design.

  • Entre para ver os comentários

  • Seja a primeira pessoa a gostar disto

The Case for TypeScript

  1. 1. TypeScript Mohamed Hegazy Microsoft
  2. 2. InfoQ.com: News & Community Site • 750,000 unique visitors/month • Published in 4 languages (English, Chinese, Japanese and Brazilian Portuguese) • Post content from our QCon conferences • News 15-20 / week • Articles 3-4 / week • Presentations (videos) 12-15 / week • Interviews 2-3 / week • Books 1 / month Watch the video with slide synchronization on InfoQ.com! http://www.infoq.com/presentations /tpescript-language-tools
  3. 3. Purpose of QCon - to empower software development by facilitating the spread of knowledge and innovation Strategy - practitioner-driven conference designed for YOU: influencers of change and innovation in your teams - speakers and topics driving the evolution and innovation - connecting and catalyzing the influencers and innovators Highlights - attended by more than 12,000 delegates since 2007 - held in 9 cities worldwide Presented at QCon San Francisco www.qconsf.com
  4. 4. TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
  5. 5. Static Types  Better Tooling.
  6. 6. Features from the Future, Today.
  7. 7. Any browser. Any host. Any OS.
  8. 8. Open Source.
  9. 9. Demo
  10. 10. • Structural typing and type inference • In practice very few type annotations are necessary • Interfaces, generics, union types, tuple types • Increases accuracy and expressiveness of type system • Works with existing JavaScript libraries • Declaration files can be written and maintained separately • Types enable tooling • Provide verification and assistance, but not hard guarantees Type System
  11. 11. • Modules • Classes • Arrow functions • Default parameters • Destructuring • Spread and rest • Let and const • Exponentiation • for...of • Object literal methods • Shorthand properties • Computed properties • Octal / binary literals • Symbols • Template strings • async..await Features from the Future, Today
  12. 12. • Community • https://github.com/Microsoft/TypeScript • Over 5,000 StackOverflow questions • Frameworks • Over 1,000 .d.ts library definitions on Definitely Typed repository covering practically all popular JavaScript frameworks • Tool support • IDEs: Visual Studio, VS Code, Sublime Text, Atom, WebStorm, … • Build and test: ASP.NET, grunt, gulp, tsUnit, tslint, typedoc TypeScript Ecosystem
  13. 13. • TypeScript 1.6 • All of ES6, JSX support, abstract classes, intersection types • TypeScript 1.7 • ES6 async/await, polymorphic this type, exponentiation operator • TypeScript 1.8 • String literal types, Unreachable code detection, Stateless JSX functions support, module concatenation, .d.ts flattening, importing .js modules TypeScript Roadmap
  14. 14. http://typescriptlang.org
  15. 15. TypeScript + Angular 2 Source: http://angularjs.blogspot.com/2015/09/angular-2-survey-results.html
  16. 16. • TypeScript 1.7 • ES7 exponentiation operator • this type • Support --module with --target es6 • Support for decorators when targeting ES3 • Improved checking of destructuring with literal initializers • TypeScript 1.8 • Support for path mappings module resolution • Support JavaScript in TypeScript compilations • Support for unreachable code reporting • Support for comments in tsconfig.json • Support for stylized error messages in terminal output with --pretty • Module bundling • And more … TypeScript Roadmap
  17. 17. IDE/Editors
  18. 18. Build tools
  19. 19. Watch the video with slide synchronization on InfoQ.com! http://www.infoq.com/presentations/tpescript- language-tools

×