Strange Loop 2017 - TypeScript 101
•
3 likes•1,358 views
Presented September 29th, 2017. A short introduction to TypeScript and the benefits it provides to large-scale projects. Lightning Talks Strange Loop 2017 Friday, September 29th - 8:30 PM --- FVCproductions https://fvcproductions.com
More Related Content
Viewers also liked
Viewers also liked (20)
More from Frances Coronel
More from Frances Coronel (20)
Recently uploaded
Recently uploaded (20)
Strange Loop 2017 - TypeScript 101
- 1. A brief class that introduces the benefits TypeScript provides to large scale projects. Prerequisites: JavaScript 202 TypeScript 101
- 2. 🎓 Professor Frances Coronel @fvcproductions fvcproductions in/fvcproductions
- 3. Syllabus (1) TypeScript vs JavaScript 🎭 (2) The Rise of TypeScript’s Popularity 📈 (3) Homework Assignments 📚
- 4. W8, what is TypeScript? 🤔 • free & open-source programming language developed & maintained by Microsoft • strict syntactical superset of JavaScript • eases development of large scale applications written in JavaScript • extends JavaScript by adding static types, classes, modules, interfaces & generics👶 5 years old
- 5. (1) TypeScript vs JavaScript 🎭 .ts .js
- 6. The Nitty Gritty 💻 npm i -g typescript Installing TypeScript Compiling our file to JS tsc multiplication.ts Configuring options touch tsconfig.json npm i -g tslint Optional Installing TSLint
- 7. JavaScript is TypeScript but TypeScript is not JavaScript. Superset vs Subset 🔘
- 8. 1. Referenced a symbol/ variable which is not declared in program 2. Not able to fully infer the type of a particular variable and warns against using it as is 3. Even if your source code has TypeScript errors, it will still produce JavaScript code which you can execute Spell Checker
- 9. What Types Provide ✓ modular development ✓ can be learned easily ✓ non-invasive ✓ long-term vision ✓ clean output To Type or Not To Type Pros of JavaScript • EVERYWHERE • awesome libraries • flexible Cons of JavaScript • dynamic typing • lack of modularity • verbose patterns
- 10. (2) The Rise of TypeScript’s Popularity 📈
- 17. (3) Homework Assignments 📚
- 18. Option 1. 🎥 Watch the creator of TypeScript talk about TypeScript at the #MSBuild Conference “What’s New In TypeScript” by Anders Hejlsberg
- 19. Option 2. 🎓 Enroll in an edX course on TypeScript created by Microsoft that starts tomorrow
- 20. Option 3. 🎮 Screw homework and go play instead! typescriptlang.org/play
- 21. Thanks for listening! ☺ @fvcproductions fvcproductions in/fvcproductions Slides will be uploaded ASAP at speakerdeck.com/fvcproductions
- 22. Credits 1. Mathematical Finn Photo: https://glarbinator.deviantart.com/art/Mathematical-Finn-417768395 2. TypeScript Official Website: http://www.typescriptlang.org/ 3. Severus Snape Video: https://www.youtube.com/watch?v=PnOyBLT07R8 4. GitHub Icon: https://www.iconfinder.com/iconsets/ionicons 5. Twitter & LinkedIn Icons: https://www.iconfinder.com/iconsets/free-social-icons 6. Fonts: Segoe UI, SF Pro Text, Input Mono 7. Google Trends: https://g.co/trends/2M11R 8. TypeScript and JavaScript Logos: egghead.io 9. Stack Overflow 2017 Survey: https://insights.stackoverflow.com/survey/2017 10. TypeScript GIFs: http://twittervideodownloader.com/ & @typescriptlang 11. EdX Course: https://www.edx.org/course/introduction-typescript-2-microsoft-dev273x-0#! 12. List of Editors: https://www.wikiwand.com/en/TypeScript