TypeScriptIntermediate
Learn TypeScript for Free
Scrimba's interactive TypeScript course teaches you to add types to JavaScript. Covers type annotations, interfaces, generics, enums, tuples, and TypeScript with React.
Learning Path
3 steps
Free courses only
Learn TypeScript for Free
TypeScript is JavaScript with a type system: same language, same npm ecosystem, same React and Node.js, but with static types that catch bugs before you run the code. It's now used by 84% of JavaScript developers (State of JS 2024) and expected on most frontend and full-stack job postings. The path assumes you know JavaScript already. If you don't, start at /learn/javascript first. These free courses cover the core type system, generics, and putting TypeScript to work in real React and Node projects. Plan on 2 to 4 months part-time to work confidently in a TypeScript codebase.
The path at a glance
- 01 TypeScript Fundamentals (Scrimba)
- 02 TypeScript in a Real Project (Full Stack Open)
- 03 TypeScript Patterns (The Odin Project)
Yes, you can learn TypeScript for free. TypeScript adds a type system to JavaScript: if you know JavaScript, you already know most of it. The 2024 State of JS survey shows 84% of JavaScript developers use TypeScript, and it shows up on most frontend and full-stack job postings. Start with Scrimba's 18-hour interactive course to lock in the core type system, then work through Full Stack Open's TypeScript module for a real React and Node project (with a university certificate), then finish with The Odin Project's advanced patterns section. Plan on 2 to 4 months part-time.
TypeScript is used by 84% of JavaScript developers, making it the most-adopted addition to the JS ecosystem (source: State of JavaScript Survey 2024, https://2024.stateofjs.com/en-US/other-tools/).
Follow in order
Your Step-by-Step Path
- 1
Step 1:TypeScript Fundamentals (Scrimba)
Scrimba's 18-hour interactive TypeScript course is the clearest free introduction to the language. You write TypeScript in the browser as you go: no local setup, instant feedback on every exercise. It covers what you'll use daily: type annotations, interfaces, union types, and generics. You need solid JavaScript before starting, but if you have that, this course makes the type system click faster than reading documentation. Scrimba's format lets you pause, edit, and experiment mid-lesson, which matters for a concept-heavy topic like types.
intermediateScrimbaLearn TypeScript for Free
18h · Free
- 2
Step 2:TypeScript in a Real Project (Full Stack Open)
Full Stack Open's TypeScript module is where theory becomes practice. You build a typed Node.js backend and a React frontend: the combination most employers actually use. The module covers typed Express routes, Zod validation, React component prop typing, and adding TypeScript to an existing project. At 30 hours it's the heaviest step, but it gives you the full picture of TypeScript across a stack. You earn a university certificate on completion, which is worth adding to your portfolio. For a shorter hands-on project to cement the Node side, our tutorial at /tutorials/build-rest-api-express-typescript builds a typed CRUD REST API in one sitting.
intermediateFull Stack OpenCertificateFull Stack Open: TypeScript
30h · Free
- 3
Step 3:TypeScript Patterns (The Odin Project)
The Odin Project's TypeScript section builds on what you know and adds the patterns senior developers reach for: utility types (Partial, Required, Pick, Omit, Record), discriminated unions, and declaration files for untyped libraries. It's project-driven, so you're applying patterns in context rather than drilling exercises in isolation. Finishing this puts you in a position to contribute confidently to most TypeScript codebases and answer the type-system questions that come up in technical interviews.
intermediateThe Odin ProjectTypeScript (The Odin Project)
20h · Free
Beyond the path
More Courses to Explore
TypeScriptIntermediate
TypeScript (The Odin Project)
This section of The Odin Project's JavaScript path teaches TypeScript by having you retrofit type safety onto code you already wrote in vanilla JavaScript, rather than starting from a blank slate. You work through interfaces, generics, enums, and the type system's stricter checks, and come out able to add TypeScript to an existing project instead of just a fresh one. It suits learners who have already built something in JavaScript and want the next step, not total beginners who need JavaScript fundamentals first. Like the rest of Odin, there is no video or interactive editor: you read the material and do the exercises in your own local setup.
Full Stack OpenCertificate
TypeScriptIntermediate
Full Stack Open: TypeScript
The TypeScript module of Full Stack Open. Covers static typing, generics, type-safe React, and adding TypeScript to existing Node.js and Express projects.
FAQ
Frequently Asked Questions
Do I need to know JavaScript before learning TypeScript?
Yes. TypeScript compiles to JavaScript and uses all the same syntax. If you don't know JavaScript yet, start with /learn/javascript first. Trying to learn both at once slows you down.
Is TypeScript worth learning in 2026?
Yes. It's required or strongly preferred on most frontend and full-stack job postings. Once you know JavaScript, adding TypeScript takes 2 to 4 months and immediately makes you more employable.
How long does it take to learn TypeScript?
If you know JavaScript well, 2 to 4 months part-time is enough to be productive. The coursework in this path totals about 68 hours. Add project time on top of that.
TypeScript vs JavaScript: which should I learn?
Learn JavaScript first. TypeScript adds types on top of JavaScript. Once you're comfortable with JavaScript, TypeScript is the natural next step for web development work.
Can I use TypeScript with React?
Yes. React with TypeScript is the default in most production codebases. Full Stack Open's TypeScript module in Step 2 of this path covers exactly that combination.
Other goals