TypeScript adds clear types on top of JavaScript. You should know basic JavaScript types before you start. This part explains how the course works and what you will build. You will set up your tools and learn how to get the most from each lesson.
TypeScript course
6h 27m 32s
English
Paid
TypeScript course is a 76-lesson 6 hours 27 minutes self-paced course by UI.dev (Tyler McGinnis). TypeScript adds clear types on top of JavaScript.
Course facts
- Lessons
- 76
- Duration
- 6 hours 27 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- UI.dev (Tyler McGinnis)
- Price
- Premium
Additional
Who teaches TypeScript course? UI.dev (Tyler McGinnis)
UI.dev (formerly tylermcginnis.com) is the online course platform of Tyler McGinnis, a US developer who has been publishing React and JavaScript educational material continuously since 2014. The platform was one of the earliest dedicated React-tutorial sources and remains widely cited for the depth of its long-form courses on JavaScript fundamentals and the React ecosystem.
Course material covers React (including modern hooks-based patterns and Next.js), modern JavaScript (the canonical Modern JavaScript course), Firebase, GraphQL, Redux, TypeScript with React, and the algorithm / data-structure interview prep track. The teaching style is unusually rigorous about the language fundamentals underneath the framework material — Tyler's Modern JavaScript course in particular is a classic of the genre.
The CourseFlix listing under this source carries over 15 UI.dev / Tyler McGinnis courses spanning that range. Material is paid; UI.dev runs on per-course or membership pricing on the original platform.
What lessons are included in TypeScript course?
0:00
/ #1: Introduction, Philosophy, and Tips
All Course Lessons (76)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Introduction, Philosophy, and Tips Demo | 03:22 | |
| 2 | Why TypeScript? | 05:34 | |
| 3 | JavaScript Types | 08:57 | |
| 4 | Basic TypeScript Configuration | 06:49 | |
| 5 | Implicit Type Checking | 04:15 | |
| 6 | Adding Type Annotations | 05:47 | |
| 7 | Typing Function Declarations | 08:42 | |
| 8 | (Practice) Type Annotations | 00:39 | |
| 9 | (Solution) Type Annotations | 02:31 | |
| 10 | `any` and `unknown` types | 05:27 | |
| 11 | Interfaces | 11:07 | |
| 12 | (Practice) Interfaces | 00:34 | |
| 13 | (Solution) Interfaces | 02:24 | |
| 14 | Enum and Tuple Types | 09:55 | |
| 15 | Void and Never Types | 03:05 | |
| 16 | `type` aliases | 04:35 | |
| 17 | Union Types | 04:41 | |
| 18 | Intersection Types | 02:50 | |
| 19 | Literal Types | 02:39 | |
| 20 | (Practice) Union & Literal Types | 01:25 | |
| 21 | (Solution) Union & Literal Types | 02:54 | |
| 22 | (Project) Starting Template | 02:46 | |
| 23 | (Project) Adding Initial Types | 02:49 | |
| 24 | (Project) Cell Event Handler | 01:49 | |
| 25 | (Project) Win Condition | 08:20 | |
| 26 | Class Definition | 07:51 | |
| 27 | Modifiers | 08:42 | |
| 28 | (Practice) Classes | 01:48 | |
| 29 | (Solution) Classes | 03:24 | |
| 30 | TypeScript Operators | 06:59 | |
| 31 | (Bonus) Advanced Function Typing | 03:19 | |
| 32 | Common Type Guards | 08:35 | |
| 33 | Handling null and undefined | 06:48 | |
| 34 | (Practice) Narrowing Types | 00:29 | |
| 35 | (Solution) Narrowing Types | 05:29 | |
| 36 | (Bonus) Structural vs Nominal Typing | 06:55 | |
| 37 | Discriminating Unions | 02:31 | |
| 38 | (Practice) Discriminating Unions | 01:03 | |
| 39 | (Solution) Discriminating Unions | 01:47 | |
| 40 | Assertion Signatures | 06:59 | |
| 41 | User Defined Type Guards | 05:42 | |
| 42 | (Practice) User Defined Type Guards | 00:33 | |
| 43 | (Solution) User Defined Type Guards | 02:27 | |
| 44 | Generics | 12:41 | |
| 45 | (Bonus) Zustand Implementation | 11:11 | |
| 46 | (Practice) Generics | 00:44 | |
| 47 | (Solution) Generics | 01:55 | |
| 48 | (Bonus) Thinking In Types | 04:34 | |
| 49 | Mapped Types | 05:31 | |
| 50 | Conditional Types | 11:00 | |
| 51 | (Practice) Utility Types | 01:10 | |
| 52 | (Solution) Utility Types | 11:17 | |
| 53 | (Bonus) ES Modules In Depth | 06:57 | |
| 54 | Modules in TypeScript | 06:14 | |
| 55 | (Bonus) TypeScript Namespaces | 03:41 | |
| 56 | Built-In Type Definitions | 03:12 | |
| 57 | (Bonus) Outputting TypeScript Definitions | 02:48 | |
| 58 | Definitely Typed and @types/ packages | 03:55 | |
| 59 | Additional TSConfig.json options | 08:36 | |
| 60 | (Bonus) How the `target` field works | 05:05 | |
| 61 | Module Resolution | 12:47 | |
| 62 | (Bonus) Configuring for Webpack Development | 04:41 | |
| 63 | (Bonus) Configuring for Babel Development | 02:50 | |
| 64 | (Bonus) Configuring for Modern Web Development | 05:17 | |
| 65 | (Bonus) Configuring for Node Development | 05:09 | |
| 66 | (Bonus) Configuring for Library Development with TSDX | 02:09 | |
| 67 | Recursive Conditional Types | 04:28 | |
| 68 | Template Literal Types | 09:48 | |
| 69 | Mapped Types Key Remapping | 06:42 | |
| 70 | Unexpected TypeScript Behavior ( | 10:48 | |
| 71 | (Bonus) Experimental Decorators | 05:33 | |
| 72 | (Project) Initial NodeJS Setup | 03:38 | |
| 73 | (Project) Static Web Server | 06:08 | |
| 74 | (Project) Multiple Routes | 04:57 | |
| 75 | (Project) Dynamic API Route | 05:23 | |
| 76 | Outro | 01:26 |
Unlock unlimited learning
Get instant access to all 75 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionWhat courses are similar to TypeScript course?
-
Updated 1y agoBuild Your First Product with LLMs, Prompting, RAG
By: Towards AI, Louis-François BouchardUnlock your potential with our comprehensive course that equips you with the skills to build an advanced product using large language models (LLMs).2h 25m5/5 -
FreeUpdated 3y agoReact and Typescript: Build a Portfolio Project
By: Udemy, Stephen GriderKick off your learning experience with an introduction on how to use React and Typescript together. Not familiar with Typescript? No problem!29h 21m5/5 -
Updated 3y agoTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL
By: Fullstack.ioLearn to build a full app with React, TypeScript, Node, and GraphQL. You build features step by step and use clear patterns in a real project.30h 50m5/5 -
Updated 3y agoNFT Marketplace in React, Typescript & Solidity - Full Guide
By: UdemyThe course covers everything you need for a decentralized NFT application according to the ERC721 standard. Students of this course will learn about NFTs by cre16h 20m -
Updated 2y agoBuild a ChatBot with Nuxt, TypeScript and the OpenAI Assistants API
By: Zero To MasteryLearn to build a ChatBot using Nuxt and TypeScript in this project-based course. Develop a custom assistant with OpenAI API and enhance your AI skills.2h 41m -
Updated 1mo agoAI SDK v6 Crash Course
By: Matt Pocock100% TypeScript. 100% Production-ready. 0% hype. Only real tools and experience.3h 2m5/5
More courses by UI.dev (Tyler McGinnis)
-
Updated 2y agoReact Router v4
For good reason, React Router is the most popular 3rd party library in the React ecosystem. If you're using React, odds are you're also using React Router. Reac6h 44m -
Updated 2y agoReact Hooks
If you never develop a convincing answer for both of those questions, you won t have a solid enough foundation to build upon when you dive into the specifics.3h 47m -
Updated 2y agoReact Fundamentals
If you're serious about learning React, there's no better place to do it. Originally launched in 2016, this course has been taken by tens of thousands of develo4h 36m -
Updated 2y agoReact Native
The description is simple - learn how to create an iOS and Android React Native app that you submit to both the App Store and the Google Play store. With over 73h 46m -
Updated 2y agoRedux
There's no better strategy for learning a new technology than building your own version of it. In this course, we'll take that to the extreme.7h 13m -
ClassicThe interactive way to master modern React - react.gg (FULL COURSE)
OPTIMIZED FOR AHA! We’re obsessed with helping you reach your aha! moments. Our text sections help you master the “why” behind React concepts and include fun, i7h 53m5/5
Frequently asked questions
What are the prerequisites for enrolling in this TypeScript course?
Before starting this TypeScript course, you should have a fundamental understanding of JavaScript, particularly its basic types. This foundation is necessary as TypeScript builds upon JavaScript by adding clear type definitions. The course begins with a lesson on JavaScript Types to ensure you have the necessary background.
What will I build during the TypeScript course?
The course includes a project component where you will work on a cell event handler and a win condition. These exercises are designed to help you apply what you learn about adding initial types, handling events, and defining classes within a TypeScript framework.
Who is the target audience for this TypeScript course?
This course is ideal for JavaScript developers looking to enhance their type safety and code quality with TypeScript. It's also suitable for those interested in understanding how TypeScript can improve development workflows by adding type annotations and leveraging advanced typing features.
How does the depth of this course compare to other similar courses?
With 76 lessons totaling over 6 hours, this course offers comprehensive coverage of TypeScript concepts, from basic configurations to advanced topics like generics and utility types. It includes practical exercises and projects, providing more depth than introductory courses focused solely on syntax.
Which specific tools and platforms are covered in the course?
The course covers setting up TypeScript tools, configuring TSConfig.json, and using @types/ packages from Definitely Typed. It also explores the use of modules in TypeScript and discusses additional TSConfig.json options to optimize your development environment.
What topics are not covered in this TypeScript course?
While the course covers a wide range of TypeScript features, it does not delve into front-end frameworks like React or Angular. The focus is on the core TypeScript language and its application in general programming tasks rather than specific frameworks.
How will the skills learned in this course benefit my career or other courses?
The skills gained from this TypeScript course will enhance your ability to write type-safe JavaScript, making your code more robust and maintainable. These skills are applicable in many modern web development roles and can be beneficial if you pursue further courses in JavaScript frameworks that leverage TypeScript, such as Angular.