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
Released
Added to CourseFlix
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
- Released
- November 2020
- Added to CourseFlix
- May 2023
- 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 |
Watch the other 75 lessons
One payment unlocks this course and every other premium course. No auto-renew.
See plansWhat courses are similar to TypeScript course?
Updated 2y agoReact and NodeJS: A Practical Guide with Typescript
By: UdemyI'm a FullStack Developer with 10+ years of experience. I'm obsessed with clean code and I try my best that my courses have the cleanest code possible. My teach6h 54m5/5
ClassicTypeScript Masterclass
By: The Net NinjaTypeScript is a strongly typed programming language built on top of JavaScript, with additional features added in - primarily the ability to add types.5h 21m5/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 1mo agoResponsive LLM Applications with Server-Sent Events
By: Fullstack.ioBuild a streaming LLM application with TypeScript, React, and Python, covering chat, RAG, and AI agent scenarios via SSE.1h 18m5/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 agoMastering Next.js 13 with TypeScript
By: Mosh Hamedani (Code with Mosh)Clear. Concise. Comprehensive. Tired of piecing together disconnected tutorials or dealing with rambling, confusing instructors? This course is for you! It's pe5h 16m5/5
More courses by UI.dev (Tyler McGinnis)
Updated 1mo agoReact 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
Updated 1mo agoRedux
Learn Redux from the inside out by building your own implementation first, then applying it to real React and vanilla JS applications.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.