Typescript presentation

1. Typescript = javascript + oo

2. Hello!
My name’s Paolo Marino
Senior developer & FLM in ADP Italia.
You can find me at:
pmariner65@gmail.

3. What’s Typescript ?
✘Programming language superset of Javascript (1)
✘Transpilate to 100% a Javascript
✘Compatible with any js framework (Angularjs,
BackboneJs,Jquery,ReactJs, etc, etc)
✘Both client and server (Nodejs) develop support
✘Open source project with Microsoft's patronage
✘Open source & commercial tooling support

4. Why Typescript ? Javascript
Born for
• Application server side
• Dom manipulation
• CSS dynamics
• (1)

5. Used or wanted to be used for…
• Client side
• Big single page
appication

6. Examples of BIG application
written in typescript
✘Visual Studio online
✘Angular 2
✘In general in large-scale applications.

7. Needs a lot more than syntactic
sugar…
Passing from iron to steel

8. How Typescript does ?
1. Strong implementation of OOP model
2. Type controls
3. Errors checking at Compile Time
4. Lightweight Modules

9. Obietct Oriented
Programming becouse…
✘Powerful metodology to give a robust structure to
software
✘Suitable for medium or large project: require a
projecting phase
✘Power factor respect functional programming 10:1
Ps
Creating an object with a “new” or calling a method
does not mean using OOP

10. Obietct Oriented
Programming: vantage
1. Induce a un modello di sviluppo ordinato
2. Riutilizzo implicito del codice
3. Needs a PROJECTING phase

11. App
Scenario
Description
+
Functional
requirements
+
Class
diagrams
+
entity
relationship
diagrams
Project your software

12. The Class: OOP bricks
1. Put togheterg methods and data.
2. Assign right responsability -
(PUBLIC,PROTECTED,PRIVATE)
3. Promote implicit code reusing.

13. The Class:
Put togheterg methods and data
The C
struct
scenario
+
ì
+

14. The Class:
Assign right responsibility (3)
Private
Protected
Public
Abstract
Cost

15. The Class best practices:
complexity encapsulation
Provides
simple
access

16. Class inheritance:Promote implicit
code reusing

17. The Interface: OOP glue (5)
Interface ICarRadio{
DIN1 a;
ISO b;
start();
stop();
Tune();
}
Class Alpine implements ICarRadio{
DIN1 a;
ISO b;
public start();
public stop();
}

18. The Interface: OOP glue
1. Establish contracts between classes
2. (ECMA 6 doesn’t have interface)
3. Just interface, nothing about internal implentation

19. The Interface: Polymorfism (6)
I
IDispatchableItem
IAccountableItem
IMaintainableItem
IStorableItem

20. Types on Typescript (7)
Optional
Type
declaration
Type
annotation
Type
definition

21. Javascript aid
Variable
Scope (8)
«this»
Context(9)

22. Syntactic sugar
Enum (10)
Lambda
function(10)

23. More over
1. AMD and Commonjs support.
2. Support to 99,99% js library.
3. Editor plugin
4. Atom Eclipse Sublime Text Vim Visual Studio Visual
Studio Code WebStorm

24. Typescript vs Coffesript vs Ecma6
1. Coffescript: Cute, but doesn't address the core
issues
2. Ecma 6 is not a COMPLETE OOP spec.

25. Typescript conclusion
1. OOP Coverage 95% (function overload problematic)
2. Indipendent evolving spec (Typescript follows ECMA
or ECMA follow Typescript?)
3. Pragmatic, backwards-compatible design.
4. Ready NOW.

26. THANKS!
Any questions?
You can find me at
✘ pmariner65@gmail.com