typescript intro / mobile dev camp

38
produced by intro to Mobile dev camp @ ancona 2015 06 30

Upload: andrea-balducci

Post on 20-Jan-2017

455 views

Category:

Software


3 download

TRANSCRIPT

Page 1: TypeScript intro / mobile dev camp

p r o d u c e d b y

intro to

M o b i l e d e v c a m p @ a n c o n a 2 0 1 5 0 6 3 0

Page 2: TypeScript intro / mobile dev camp

d i r e c t ed by

Page 3: TypeScript intro / mobile dev camp

andrea b a l d u c c i

@andreabalducci

Page 4: TypeScript intro / mobile dev camp
Page 5: TypeScript intro / mobile dev camp

s t arr i n g

Page 6: TypeScript intro / mobile dev camp
Page 7: TypeScript intro / mobile dev camp
Page 8: TypeScript intro / mobile dev camp
Page 9: TypeScript intro / mobile dev camp

episode 1

Page 10: TypeScript intro / mobile dev camp

a long time ago in a galaxy

far, far away

Page 11: TypeScript intro / mobile dev camp

…written in 10 days for

the mythical…

Page 12: TypeScript intro / mobile dev camp

NON PROFESSIONAL PROGRAMMER

NON PROFESSIONAL PROGRAMMER

Page 13: TypeScript intro / mobile dev camp
Page 14: TypeScript intro / mobile dev camp

nowadays

Page 15: TypeScript intro / mobile dev camp
Page 16: TypeScript intro / mobile dev camp
Page 17: TypeScript intro / mobile dev camp

welcome to the {undefined} side

==

NaN NaN

Page 18: TypeScript intro / mobile dev camp

equality chart

Page 19: TypeScript intro / mobile dev camp
Page 20: TypeScript intro / mobile dev camp
Page 21: TypeScript intro / mobile dev camp
Page 22: TypeScript intro / mobile dev camp
Page 23: TypeScript intro / mobile dev camp
Page 24: TypeScript intro / mobile dev camp

episode 2

Page 25: TypeScript intro / mobile dev camp

TypeScript is a typed superset of JavaScript that compiles to

plain JavaScript

Page 26: TypeScript intro / mobile dev camp

Types enable TypeScript developers to use highly-productive development

tools and practices

Page 27: TypeScript intro / mobile dev camp

static checking, symbol-based navigation,

statement completion, and code refactoring.

Page 28: TypeScript intro / mobile dev camp

https://github.com/borisyankov/DefinitelyTyped

Page 29: TypeScript intro / mobile dev camp

demohttp://tinyurl.com/ts-mobcamp

Page 30: TypeScript intro / mobile dev camp
Page 31: TypeScript intro / mobile dev camp

class Jedi {name: string;constructor(name: string) {this.name = name;

}

useTheForce() { }}

Page 32: TypeScript intro / mobile dev camp

class SuperHero {name: string;constructor(name: string) {this.name = name;

}

useTheForce() { }jump() {}

}

Page 33: TypeScript intro / mobile dev camp

var hulk = new SuperHero('Hulk');

var yoda = new Jedi('Yoda');

Page 34: TypeScript intro / mobile dev camp

yoda = hulk

Page 35: TypeScript intro / mobile dev camp

TypeScript is a

structural type system

Page 36: TypeScript intro / mobile dev camp

episode 3

Page 37: TypeScript intro / mobile dev camp

decorators

http://blog.wolksoftware.com/decorators-reflection-javascript-typescript

de co rato r s are a pro p o se d standard for ECMAScript 7, to annotate and modify classes and properties at design time.

Page 38: TypeScript intro / mobile dev camp

decorators

http://blog.wolksoftware.com/decorators-reflection-javascript-typescript

Class

property

method

parameter