Slide 1

Slide 1 text

GETTING STARTED WITH BY DOMINIK KUNDEL Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 2

Slide 2 text

Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 3

Slide 3 text

HI! I'M DOMINIK! Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 4

Slide 4 text

ABOUT ME Developer Evangelist at Get in touch with me! @dkundel [email protected] github/dkundel Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 5

Slide 5 text

Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 6

Slide 6 text

WARNING! Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 7

Slide 7 text

LIVE CODING! Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 8

Slide 8 text

WHAT IS Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 9

Slide 9 text

SUPERSET OF JAVASCRIPT Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 10

Slide 10 text

Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 11

Slide 11 text

Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 12

Slide 12 text

Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 13

Slide 13 text

LET'S TALK ABOUT JAVASCRIPT Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 14

Slide 14 text

TIME FOR THE NODE.JS REPL Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 15

Slide 15 text

JAVASCRIPT WTF? Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 16

Slide 16 text

WHAT DOES TYPESCRIPT OFFER? Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 17

Slide 17 text

WHAT DOES TYPESCRIPT OFFER? ▸ Compiler that converts TypeScript to JavaScript ▸ npm install -g typescript ▸ Extends JavaScript with a set of type annotations ▸ Type checking during compiling Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 18

Slide 18 text

BETTER DEVELOPMENT EXPERIENCE Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 19

Slide 19 text

DEMO TYPESCRIPT BASICS Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 20

Slide 20 text

tsconfig.json { "compilerOptions": { "jsx": "react", "noImplicitAny": true, "noImplicitThis": true, "sourceMap": true, "inlineSourceMap": true } } Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 21

Slide 21 text

SUMMARY Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 22

Slide 22 text

YOU ARE ALREADY WRITING TYPESCRIPT Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 23

Slide 23 text

SAFER CODE Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 24

Slide 24 text

BETTER DEVELOPMENT EXPERIENCE Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 25

Slide 25 text

bit.ly/startTypeScript Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 26

Slide 26 text

bit.ly/topconf-ts Dominik Kundel | @dkundel | #topconfDE @topconfDE

Slide 27

Slide 27 text

THANK YOU! Contact Me: @dkundel [email protected] github/dkundel Dominik Kundel | @dkundel | #topconfDE @topconfDE