3. www.devconnections.com
BUILDING END-TO-END WEB APPS USING TYPESCRIPT
GETTING STARTED
JavaScript can feel messy
We want a maintainable code
We want to use familiar JavaScript
patterns
4. www.devconnections.com
BUILDING END-TO-END WEB APPS USING TYPESCRIPT
THE ALTERNATIVES
We have several alternatives:
Hard core JavaScript development
CoffeeScript – http://coffeescript.org
Dart – http://dartlang.org
Script# - http://scriptsharp.com/
5. www.devconnections.com
BUILDING END-TO-END WEB APPS USING TYPESCRIPT
WHAT IS TYPESCRIPT?
“TypeScript is a typed superset of
JavaScript that compiles to plain
JavaScript” ~typescriptlang.org
5
8. www.devconnections.com
BUILDING END-TO-END WEB APPS USING TYPESCRIPT
TYPESCRIPT KEY FEATURES
8
Support
standard
JavaScript
code with
static typing
Encapsulation
through
classes and
modules
Support for
constructors,
properties and
functions
Interfaces
and enums
support
Lambda
support =>
and generics
Intellisense
and syntax
checking
9. www.devconnections.com
BUILDING END-TO-END WEB APPS USING TYPESCRIPT
FROM TYPESCRIPT TO JAVASCRIPT
9
class Greeter {
greeting: string;
constructor(message: string) {
this.greeting = message;
}
greet() {
return “Hi," + this.greeting;
}
}
TypeScript Code JavaScript Code
TypeScript
Compiler
var Greeter = (function () {
function Greeter(message) {
this.greeting = message;
}
Greeter.prototype.greet =
function () {
return “Hi," + this.greeting;
};
return Greeter;
})();
tsc
12. www.devconnections.com
BUILDING END-TO-END WEB APPS USING TYPESCRIPT
SUMMARY
• Open source language that compiles into
JavaScript
• Key features:
• Code encapsulation
• Maintainable code
• Tooling support
• Learn TypeScript today!
13. www.devconnections.com
BUILDING END-TO-END WEB APPS USING TYPESCRIPT
RESOURCES
Session slide deck and demos –
http://sdrv.ms/1eGoSUM
TypeScript –
http://www.typescriptlang.org
My Website – http://www.gilfink.net
Follow me on Twitter – @gilfink