Slide 1

Slide 1 text

#DevoxxFR Typescript Typer pour mieux coder Vincent Beretti @vberetti 1

Slide 2

Slide 2 text

#DevoxxFR Vincent Beretti Pôle Conseil Ippon Technologies Qui ? 2

Slide 3

Slide 3 text

#DevoxxFR The times they’re a changin’ 3 ES 2015 ES 5 ES 3 ES 2016 … ES 2017 2000 2010 2015 2020 2005

Slide 4

Slide 4 text

#DevoxxFR Reflexions 4 « Considérer JavaScript comme du bytecode pour navigateur me convient » Unit Service UI Compilation http://the-babel-tower.github.io/2015/07/23/scalajs/

Slide 5

Slide 5 text

#DevoxxFR Let’s talk about Typescript 5 2012 Support de JSX Open source Langage trans-compilé Typage optionnel *.ts *.js .map *.js TSC version 1.8

Slide 6

Slide 6 text

#DevoxxFR ECMAScript 7/2016 Let’s talk about Typescript 6 ECMAScript 5 Compilateur TSC Superset de Javascript Typescript ECMAScript 6/2015 ECMAScript 7/2016

Slide 7

Slide 7 text

#DevoxxFR Pour commencer 7 npm install --global typescript et gardez votre écosystème !

Slide 8

Slide 8 text

#DevoxxFR Live Demo 8

Slide 9

Slide 9 text

#DevoxxFR Conclusion • Souple • Puissant • Superset « vous faites déjà du Typescript » • Facile à apprendre depuis le Javascript, Java ou C# • Utilisable même sur du code Javascript « legacy » • De plus en plus de librairies codées en Typescript 9

Slide 10

Slide 10 text

#DevoxxFR Références 10 http://www.typescriptlang.org/ MOOC par Microsoft : https://www.edx.org/course/introduction-typescript-microsoft-dev201x-1 eBook Deep Dive : http://basarat.gitbooks.io/typescript/ Understanding ES5, ES2015 and Typescript http://johnpapa.net/es5-es2015-typescript/

Slide 11

Slide 11 text

#DevoxxFR Merci Questions ? 11 Rendez-vous demain amphi bleu à 18h55