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
- Language
- English
- 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?
ClassicTypeScript Interview Questions - Coding Interview 2023
By: UdemyThis course is great preparation for any TypeScript programming interviews that you may have coming up. Programming interviews need a lot amount of knowledge, b2h 56m4/5
Updated 2y agoPractical Typescript
By: UdemyEmbark on a comprehensive journey into the world of TypeScript with our "Practical TypeScript" course.20h 10m
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 3y agoReact & TypeScript - The Practical Guide
By: Academind Pro (Maximilian Schwarzmüller)TypeScript is an amazing technology that helps developers write better code with less errors - simply because it let's you catch & fix type-related errors.7h 22m5/5
UpdatedTypeScript with Vue.js 3
By: Vue SchoolLearn TypeScript inside Vue 3 by building a small journal app step by step, with typed props, reactive data, events and refs.1h 37m
More courses by UI.dev (Tyler McGinnis)
UpdatedReact Router v4
Learn React Router v4's component-based routing model by building a full app, covering nested routes, auth flows, and server rendering.6h 44m
Updated 3y 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 3y 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 3y 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
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.