This document summarizes a class introduction to TypeScript that covers:
1. The key benefits of TypeScript for large projects like adding types and interfaces for modularity.
2. An overview of TypeScript versus JavaScript including how TypeScript extends JavaScript.
3. Assignments for students to explore TypeScript further including completing a Codelab, watching videos, or playing with an online editor.
12. Learning Objectives
1. To identify the key benefits and traits of TypeScript. 🗝
2. To be able to understand the role TypeScript has in
the front-end ecosystem. 🌍
3. To be able to form a profession opinion on whether or
not TypeScript would be useful for your projects. 🤔
@fvcproductions
29. • strict syntactical superset of JavaScript
• programming language developed & maintained by
Microsoft that is completely open-source
• eases development of large scale applications written
in JS with less boilerplate code & better tooling
• extends JS by adding optional typing, static analysis,
& interfaces to create code that's easier to maintain
📆 October 2012
@fvcproductions
TypeScript is…
30. • TypeScript is not trying to replace JavaScript
• TypeScript is extending JavaScript
• TypeScript is not trying to replace JavaScript
• TypeScript is extending JavaScript
• TypeScript is not trying to replace JavaScript
• TypeScript is extending JavaScript
TLDR;
@fvcproductions
47. The Dark Side
• Missing types
• especially with libraries
• Not as flexible or popular as
JavaScript
• JavaScript is “good enough”
• Having to persuade a team
• Another layer of complexity
@fvcproductions
48. 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
@fvcproductions
85. Option 3. 🎥 Watch the creator of TypeScript talk about
TypeScript at the #MSBuild Conference
“What’s New In TypeScript 2018” by Anders Hejlsberg
@fvcproductions
86. Bonus Option. 🎮 Screw homework and go play instead!
typescriptlang.org/play
@fvcproductions
90. Learning Objectives
1. To identify the key benefits and traits of TypeScript. 🗝
2. To be able to understand the role TypeScript has in
the front-end ecosystem. 🌍
3. To be able to form a profession opinion on whether or
not TypeScript would be useful for your projects. 🤔
@fvcproductions
91. So did I pass? 😂
@fvcproductions
You pass if you take the time to
explore TypeScript out yourself
and form your own
professional opinion.
92. Thanks for listening! 🍫🍓
@fvcproductions
fvcproductions
in/fvcproductions
Slides will be uploaded ASAP to
slideshare.net/fvcproductions