Introduction to TypeScript

Introduction to TypeScript

Welcome to this lesson on Introduction to TypeScript. If you’ve been looking for a Learn TypeScript roadmap, you’re in the right place. TypeScript builds on JavaScript by adding static typing. Understanding the differences in TypeScript vs JavaScript is essential to know why use TypeScript over JavaScript in modern applications.

Explanation

TypeScript code is transformed into JavaScript via a compiler (or transpiler) before it runs in the browser. The types you write exist strictly at development time to help you catch errors early, making it a safer and more robust alternative.

Code Examples

Here is how you might write this in TypeScript:

console.log(greeting);\n```

### Practical Example

To truly master this, try defining types for the data structures you use every day. It will instantly highlight edge cases you may have missed.

<Callout type="note">
**Note:** The BrowserCode Playground does not yet support native TypeScript execution. This feature is coming in a future phase!
</Callout>

### Try It Yourself

You can open the playground to see the code, but note that execution is currently restricted.

<TryItButton />

### Key Takeaways
- TypeScript catches errors before they happen.
- Types are erased when compiled to JavaScript.