Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Typescript - MentorMate Academy

125 views

Published on

TypeScript starts from the same syntax and semantics that millions of JavaScript developers know today. Use existing JavaScript code, incorporate popular JavaScript libraries, and call TypeScript code from JavaScript.

TypeScript compiles to clean, simple JavaScript code which runs on any browser, in Node.js, or in any JavaScript engine that supports ECMAScript 3 (or newer).

Examples: ttps://gist.github.com/dimitardanailov/0381a4e502c86c8ec21e

Additional resources: http://www.developerhandbook.com/typescript/writing-angularjs-1-x-with-typescript/

Published in: Software
  • Be the first to comment

  • Be the first to like this

Typescript - MentorMate Academy

  1. 1. Typescript
  2. 2. Topics Today ● What is Typescript ? ● Installation ● Demo Session ● Typescript Benefits
  3. 3. What is Typescript ?
  4. 4. TypeScript: JavaScript that scales
  5. 5. A statically typed superset of JavaScript that compiles to plain JavaScript
  6. 6. Any browser. Any host. Any OS. Open Source.
  7. 7. The feature gap Javascript Evolution ES3 ES5 ES 2015 ES 2016 ES 2017 ES 2018 ES 2019 State of the art JS State of Server JS State of Web JS 2015 JavaScript feature gapTarget Productivity
  8. 8. The feature gap Javascript Evolution ES3 ES5 ES 2015 ES 2016 ES 2017 ES 2018 ES 2019 State of the art JS State of Server JS State of Web JS 2016 Target ProductivityJavaScript feature gap
  9. 9. Installation
  10. 10. npm install -g typescript
  11. 11. tsc helloworld.ts
  12. 12. npm install -g typings
  13. 13. Typescript Benefits
  14. 14. Object Oriented programming
  15. 15. .Net Developers
  16. 16. Large teams and applications
  17. 17. Switch between es5 and es6
  18. 18. The TypeScript Definition Manager
  19. 19. New features EcmaScript 2015 support tsconfig.json files TS Server language service Decorators Local types Generic type aliases User defined type guard functions JSX support Intersection types Abstract classes and methods ES2016 exponentiation operator Polymorphic this type Async/await this-based type guards Improved checking of for-in statements Reachability analysis Checking of destructuring with literal initializers JavaScript in TypeScript compilations String literal types Sateless function components in JSX Support for F-bounded polymorphism JSDoc support in JavaScript files Support for default import interop with SystemJS Recognize constructor functions in JavaScript files Module augmentations Support for custom JSX factories Non-nullable types
  20. 20. 0 1 2 42 0.25 ‘a’, ‘b’, ‘hello’ true or false number string boolean undefined undefined null null Non-nullable types
  21. 21. Union types 0 1 2 42 0.25 number ‘a’, ‘b’, ‘hello’ string null null number | string | null
  22. 22. “We love TypeScript for many things… With TypeScript, several of our team members have said things like 'I now actually understand most of our own code!' because they can easily traverse it and understand relationships much better. And we’ve found several bugs via TypeScript’s checks.” — Brad Green, Engineering Director - AngularJS
  23. 23. “One of Ionic's main goals is to make app development as quick and easy as possible, and the tooling support TypeScript gives us with autocompletion, type checking and source documentation really aligns with that.” — Tim Lancina, Tooling Developer - Ionic
  24. 24. Questions

×