Topconf DE '17 - Getting Started with TypeScript

Transcript

1. GETTING STARTED WITH BY DOMINIK KUNDEL Dominik Kundel | @dkundel

   | #topconfDE @topconfDE

2. Dominik Kundel | @dkundel | #topconfDE @topconfDE

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

4. ABOUT ME Developer Evangelist at Get in touch with me!

   @dkundel dkundel@twilio.com github/dkundel Dominik Kundel | @dkundel | #topconfDE @topconfDE

5. Dominik Kundel | @dkundel | #topconfDE @topconfDE

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

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

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

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

10. Dominik Kundel | @dkundel | #topconfDE @topconfDE

11. Dominik Kundel | @dkundel | #topconfDE @topconfDE

12. Dominik Kundel | @dkundel | #topconfDE @topconfDE

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

    @topconfDE

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

    #topconfDE @topconfDE

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

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

    @topconfDE

17. 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

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

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

20. tsconfig.json { "compilerOptions": { "jsx": "react", "noImplicitAny": true, "noImplicitThis": true,

    "sourceMap": true, "inlineSourceMap": true } } Dominik Kundel | @dkundel | #topconfDE @topconfDE

21. SUMMARY Dominik Kundel | @dkundel | #topconfDE @topconfDE

22. YOU ARE ALREADY WRITING TYPESCRIPT Dominik Kundel | @dkundel |

    #topconfDE @topconfDE

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

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

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

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

27. THANK YOU! Contact Me: @dkundel dkundel@twilio.com github/dkundel Dominik Kundel |

    @dkundel | #topconfDE @topconfDE