Slide 1

Slide 1 text

Getting started with by Dominik Kundel Dominik Kundel | @dkundel | #frontendCon2017

Slide 2

Slide 2 text

Dominik Kundel | @dkundel | #frontendCon2017

Slide 3

Slide 3 text

HI! I'm Dominik! Dominik Kundel | @dkundel | #frontendCon2017

Slide 4

Slide 4 text

About Me Developer Evangelist at Get in touch with me! @dkundel [email protected] github/dkundel Dominik Kundel | @dkundel | #frontendCon2017

Slide 5

Slide 5 text

Dominik Kundel | @dkundel | #frontendCon2017

Slide 6

Slide 6 text

WARNING! Dominik Kundel | @dkundel | #frontendCon2017

Slide 7

Slide 7 text

Live Coding! Dominik Kundel | @dkundel | #frontendCon2017

Slide 8

Slide 8 text

What Is Dominik Kundel | @dkundel | #frontendCon2017

Slide 9

Slide 9 text

Superset of JavaScript Dominik Kundel | @dkundel | #frontendCon2017

Slide 10

Slide 10 text

Dominik Kundel | @dkundel | #frontendCon2017

Slide 11

Slide 11 text

Dominik Kundel | @dkundel | #frontendCon2017

Slide 12

Slide 12 text

Dominik Kundel | @dkundel | #frontendCon2017

Slide 13

Slide 13 text

Let's Talk About JavaScript Dominik Kundel | @dkundel | #frontendCon2017

Slide 14

Slide 14 text

Time For The Node.js REPL Dominik Kundel | @dkundel | #frontendCon2017

Slide 15

Slide 15 text

JavaScript WTF? Dominik Kundel | @dkundel | #frontendCon2017

Slide 16

Slide 16 text

What Does TypeScript Offer? Dominik Kundel | @dkundel | #frontendCon2017

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 | #frontendCon2017

Slide 18

Slide 18 text

Better Development Experience Dominik Kundel | @dkundel | #frontendCon2017

Slide 19

Slide 19 text

Demo TypeScript Basics Dominik Kundel | @dkundel | #frontendCon2017

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

Summary Dominik Kundel | @dkundel | #frontendCon2017

Slide 22

Slide 22 text

You are already writing TypeScript Dominik Kundel | @dkundel | #frontendCon2017

Slide 23

Slide 23 text

Safer Code Dominik Kundel | @dkundel | #frontendCon2017

Slide 24

Slide 24 text

Better Development experience Dominik Kundel | @dkundel | #frontendCon2017

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

bit.ly/frontendcon-ts Dominik Kundel | @dkundel | #frontendCon2017

Slide 27

Slide 27 text

Thank You! Contact Me: @dkundel [email protected] github/dkundel Dominik Kundel | @dkundel | #frontendCon2017