Scaling up JavaScript
By
Neha Gawade
802973941
 JavaScript augmented by
 class-based OOP of ES6
 structural type system of ES4.
 Our code is being compiled to regular JavaScript and
supposed to work on any browser
 Easy integration with existing JavaScript code
 Provides optional static typing, classes, interfaces, generics
and modularity
 Generated code follows the “good parts”
 Ready for large enterprise applications
 Visual Studio, Visual Studio Code and WebMatrix
 IntelliJ IDEA, WebStorm and PhpStorm
 Eclipse and NetBeans
 Sublime Text
 Emacs and Vim
 Atom
 Brackets
 Plugins for Grunt, Gulp, Maven
 TSLint
 and more...
Install NodeJS
https://github.com/nodejs/node
Install Typescript compiler
npm install –g typescript
Compile a file
tsc example.ts
 Datatypes
 Functions
 Classes and Interfaces
 Generics
 Modules
 Boolean
 Number
 String
 Array
 Enum
 Any
 Void
 >250 languages compiles to JavaScript
 Keep using JavaScript. Try Babel to start using the next generation
JavaScript right now.
 If you want static type checking, better tools, want a short learning curve
from JavaScript or already know C#/C++/Java then try TypeScript
 If you want more concise code, lots of syntactic sugar or already know Ruby
then try CoffeeScript
“Microsoft’s TypeScript may be the best of the many JavaScript
front ends. It seems to generate the most attractive code.”
Douglas Crockford
“What impressed me most is TypeScript doesn’t do. It doesn't
output type checking into your JavaScript code.”
Nicholas C. Zakas
"CoffeeScript is to Ruby as TypeScript is to Java/C#/C++."
Luke Hoban (co-creator of TypeScript)
Lightning talk-ppt-802973941-typescript

Lightning talk-ppt-802973941-typescript

  • 1.
  • 9.
     JavaScript augmentedby  class-based OOP of ES6  structural type system of ES4.  Our code is being compiled to regular JavaScript and supposed to work on any browser  Easy integration with existing JavaScript code  Provides optional static typing, classes, interfaces, generics and modularity  Generated code follows the “good parts”  Ready for large enterprise applications
  • 11.
     Visual Studio,Visual Studio Code and WebMatrix  IntelliJ IDEA, WebStorm and PhpStorm  Eclipse and NetBeans  Sublime Text  Emacs and Vim  Atom  Brackets  Plugins for Grunt, Gulp, Maven  TSLint  and more...
  • 12.
    Install NodeJS https://github.com/nodejs/node Install Typescriptcompiler npm install –g typescript Compile a file tsc example.ts
  • 13.
     Datatypes  Functions Classes and Interfaces  Generics  Modules
  • 14.
     Boolean  Number String  Array  Enum  Any  Void
  • 20.
     >250 languagescompiles to JavaScript  Keep using JavaScript. Try Babel to start using the next generation JavaScript right now.  If you want static type checking, better tools, want a short learning curve from JavaScript or already know C#/C++/Java then try TypeScript  If you want more concise code, lots of syntactic sugar or already know Ruby then try CoffeeScript
  • 21.
    “Microsoft’s TypeScript maybe the best of the many JavaScript front ends. It seems to generate the most attractive code.” Douglas Crockford “What impressed me most is TypeScript doesn’t do. It doesn't output type checking into your JavaScript code.” Nicholas C. Zakas "CoffeeScript is to Ruby as TypeScript is to Java/C#/C++." Luke Hoban (co-creator of TypeScript)