TypeScript First Steps

Jump-start your TypeScript journey with this friendly, practical intro from Anjana Vakil.

Links

• Course materials: anjana.dev/typescript-first-steps
• Repo: github.com/vakila/typescript-first-steps/event-me
• Course Project (JS Frontend): /event-me (main branch)

Slides

1. TS: Why & How
2. Using TS for JS
3. Language Features & Functionality
4. Pro TS setups
5. Next steps with TS

Overview

This course will equip you with the key concepts & skills you’ll need to become proficient with the TypeScript language, and acquaint you with the production-grade tooling, workflows, and resources you’ll want to accelerate your productivity and career growth.

By taking this course, you'll:

• Understand how TypeScript differs from JavaScript, and the advantages TS offers
• Install & configure TS in a new or existing codebase
• Add type annotations to variables, function arguments & return values
• Work with custom types & interfaces, including complex types, unions & generics
• Get acquainted with popular libraries from the open-source TS ecosystem
• Set up your professional workflow for full-stack TS development

What's this course all about?

TypeScript is the industry’s preferred way to bring some order to the notorious unpredictability of JavaScript’s weak typing, allowing us to write more stable, production-ready web apps. In this course, we’ll get to know TypeScript through hands-on refactoring exercises, as we use increasingly complex TS features to stabilize a buggy JS app. Beyond exploring the language itself, we’ll also get familiar with popular TS tooling and workflows for full-stack development. By the end of the course, you’ll be a productive TypeScript developer ready to deepen your knowledge with further courses on FrontendMasters.

Who is this course for?

• Are you comfortable with JavaScript, and looking to add TypeScript to your pro web developer skillset?
• Are you a JS developer who’s sick of encountering silly errors like misspelled method names or un-awaited Promises, and ready to invest in making your apps more reliable?
• Have you tried working with or learning TypeScript before, but found it overwhelming and frustrating?
• Did you learn some TS in the past, and want to review the fundamentals and learn practical tools & workflows for TS development?

If any or all of those are true, this is the perfect course for you!

Prerequisites:

- JavaScript: From First Steps to Professional or intermediate experience with JavaScript

Outline:

Part 1

• Intro & course/project overview
• JS vs. TS & the problems TS solves
• Setting up a TS project & basic dev workflow
• Annotating variables & functions
• Defining, exporting, and importing types
• Lunch
• Union types & type narrowing
• Defining & extending interfaces
• Generic types & type parameters
• Day 1 recap & next steps
• TS configuration & full-stack workflows

Part 2

• Day 2 overview & Day 1 review
• Testing & debugging TS apps
• Validating data for end-to-end type safety
• Open-source libraries for production-grade TS
• Course recap & next steps