Everything you need to learn TypeScript and build any project you can dream of in 47 easy to digest videos which amount to just under 5 hours of video content. Every single video is also professionally captioned and these captions are searchable so you can easily find exactly what you are looking for without wasting hours re-watching videos.
TypeScript Simplified
10h 23m 56s
English
Free
TypeScript Simplified is a 62-lesson 10 hours 23 minutes self-paced course by Web Dev Simplified (Kyle Cook). Everything you need to learn TypeScript and build any project you can dream of in 47 easy to digest videos which amount to just under 5 hours of video content.
Course facts
- Lessons
- 62
- Duration
- 10 hours 23 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- Web Dev Simplified (Kyle Cook)
- Price
- Free
BONUS: TypeScript With React
Not only will you learn how to write TypeScript in this course, but you will also learn how to connect TypeScript to React. This bonus includes 9 videos that span 2.5 hours. It also has 1 massive real world project that combines everything you learn.
Additional
Who teaches TypeScript Simplified? Web Dev Simplified (Kyle Cook)
Web Dev Simplified (webdevsimplified.com) is the online course platform of Kyle Cook, a US developer behind one of the larger independent web-development YouTube channels. The channel publishes weekly tutorials on JavaScript, React, CSS, and the modern web ecosystem, with paid courses extending the most-requested topics into deeper long-form material.
The course catalog covers JavaScript fundamentals (the canonical JavaScript Simplified course), modern CSS (including Grid, Flexbox, animations), React deep-dives, the testing tracks, and the algorithm / data-structure material aimed at junior developers preparing for early-career interviews. Material is taught at a deliberately accessible level for self-taught developers.
The CourseFlix listing under this source carries 9 Web Dev Simplified courses spanning that range. Material is paid; courses are sold individually on the original platform. Courses are aimed primarily at junior and self-taught developers building real proficiency.
What lessons are included in TypeScript Simplified?
- Space or K: play or pause
- J: rewind 10 seconds
- L: forward 10 seconds
- Left Arrow: rewind 5 seconds
- Right Arrow: forward 5 seconds
- Up Arrow: volume up
- Down Arrow: volume down
- M: mute or unmute
- F: toggle fullscreen
- T: toggle theater mode
- I: toggle mini player
- 0 to 9: seek to 0 to 90 percent of the video
- Shift plus N: next video
- Shift plus P: previous video
0:00 0:00
| # | Lesson Title | Duration |
|---|---|---|
| 1 | 01 - What Is TypeScript + Course Introduction | 03:34 |
| 2 | 02 - Why Use TypeScript | 05:06 |
| 3 | 03 - How To Initialize A TypeScript Project | 04:30 |
| 4 | 04 - Using A Bundler | 03:38 |
| 5 | 05 - Understanding The TSConfig | 04:55 |
| 6 | 06 - Assigning Types And Type Inference | 06:28 |
| 7 | 07 - Array Type | 03:27 |
| 8 | 08 - Any Type | 03:23 |
| 9 | 09 - Object Basics | 03:39 |
| 10 | 10 - Types Vs Interfaces | 05:50 |
| 11 | 11 - Defining Functions | 06:57 |
| 12 | 12 - Void Type | 02:20 |
| 13 | 13 - Optional Parameters | 01:35 |
| 14 | 14 - Destructured And Rest Parameters | 05:59 |
| 15 | 15 - Typing Variables As Functions | 03:38 |
| 16 | 16 - Unions | 05:22 |
| 17 | 17 - Intersections | 04:59 |
| 18 | 18 - readonly | 02:30 |
| 19 | 19 - keyof | 02:38 |
| 20 | 20 - typeof | 03:15 |
| 21 | 21 - Index Types | 09:47 |
| 22 | 22 - As Const And Enums | 06:23 |
| 23 | 23 - Tuples | 02:24 |
| 24 | 24 - Generics | 20:50 |
| 25 | 25 - Async Functions | 02:22 |
| 26 | 26 - Pick And Omit | 05:06 |
| 27 | 27 - Partial And Required | 06:37 |
| 28 | 28 - ReturnType And Parameters | 03:26 |
| 29 | 29 - Record | 01:32 |
| 30 | 30 - Readonly | 02:01 |
| 31 | 31 - Awaited | 01:30 |
| 32 | 32 - Basic Type Guards | 10:30 |
| 33 | 33 - Never Type | 02:52 |
| 34 | 34 - Unknown Type | 02:56 |
| 35 | 35 - As Casting | 04:18 |
| 36 | 36 - Satisfies | 03:48 |
| 37 | 37 - Discriminated Union | 04:53 |
| 38 | 38 - Function Overloads | 05:26 |
| 39 | 39 - Type Predicate Function | 08:15 |
| 40 | 40 - Debugging | 10:29 |
| 41 | 41 - Importing Types | 05:35 |
| 42 | 42 - Declaration Files | 06:25 |
| 43 | 43 - Todo List Project Introduction | 01:32 |
| 44 | 44 - Todo List Project Walkthrough | 14:53 |
| 45 | 45 - Migrate JS To TS Project Introduction | 03:29 |
| 46 | 46 - Migrate JS To TS Project Walkthrough | 24:24 |
| 47 | 47 - What's Next | 01:54 |
| 48 | Bonus. 01 - PropTypes | 11:09 |
| 49 | Bonus. 02 - TypeScript Setup And Props | 11:21 |
| 50 | Bonus. 03 - useState | 02:58 |
| 51 | Bonus. 04 - useRef | 04:05 |
| 52 | Bonus. 05 - useReducer | 03:43 |
| 53 | Bonus. 06 - useContext | 06:16 |
| 54 | Bonus. 07 - Generic Components | 04:26 |
| 55 | Bonus. 08 - Google Calendar Clone Introduction | 07:08 |
| 56 | Bonus. 09 - Google Calendar Clone Walkthrough | 01:44:43 |
| 57 | Interviews. Matt Pocock - Advanced TypeScript | 46:29 |
| 58 | Interviews. Jack Herrington - Using TypeScript In React | 38:36 |
| 59 | Interviews. Cody Seibert (Web Dev Cody) - Converting JS Projects To TS | 27:48 |
| 60 | Interviews. Adrian Hajdin (JS Mastery) - Writing TypeScript On A Team | 29:41 |
| 61 | Interviews. Josh Neske (Josh Tried Coding) - Getting Past The Hard Part Of TypeScript | 40:10 |
| 62 | Interviews. Jeff Delaney (Fireship) - Landing Your First Job As A TypeScript Developer | 28:03 |
What courses are similar to TypeScript Simplified?
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
ClassicUnderstanding TypeScript - 2023 Edition
By: Udemy, Academind Pro (Maximilian Schwarzmüller)Learn what TypeScript is, why it really is a powerful Addition to JavaScript, what its Features are and how to use it!14h 54m5/5
FreeUpdated 2y agoMaster Class: React + Typescript 2021 Web Development
By: UdemyMany new React Developers find ReactJS easy to learn and that is totally true. But the problem is when they are coding complex structures, the code becomes unma22h 4m
Updated 3y agoTypeScript Bootcamp: Zero to Mastery
By: Zero To MasteryLearn TypeScript by building your own real-world applications. Taught by an industry professional.9h 31m5/5
More courses by Web Dev Simplified (Kyle Cook)
Updated 1y agoReact Simplified - Bonus Project
What if I told you that by the end of this course, you could independently build an advanced job board project ?5h 8m
Updated 1y agoReact Simplified - Advanced
Once you become a good React developer, it is time to start diving into advanced React concepts. This course will take you from a junior to a mid-level React d11h 34m5/5
Updated 1y agoReact Simplified - Next.js
Welcome to my Next.js course. This course is a little bit interesting in how it's structured because it's actually broken into two main sections. That's because9h 33m5/5
Updated 2y agoCSS Simplified
Learn how to create beautiful websites with over 100 video tutorials and 20+ unique projects designed to make learning CSS as easy and understandable as.15h 17m0/5
Updated 2y agoReact Simplified - Beginner
A complete video course with just under 11 hours of content spread across 79 videos and 10 modules. This may be called a Beginner Course, but it doesn't just s10h 58m5/5
Updated 2y agoLearn CSS Today
Learn modern CSS features and advanced CSS concepts in less than a day with this highly focused project-based CSS course.9h 31m
Frequently asked questions
What are the prerequisites for taking this TypeScript course?
This course does not specify any formal prerequisites, but a basic understanding of JavaScript would be beneficial. Familiarity with JavaScript will help in understanding concepts like types, interfaces, and the migration of JavaScript projects to TypeScript.
What projects will I build in this TypeScript course?
The course includes practical projects such as a Todo List and a Google Calendar Clone. The Todo List project is introduced and walked through in lessons 43 and 44, while the Google Calendar Clone is covered in the bonus lessons 8 and 9.
Who is the target audience for this TypeScript course?
This course is designed for developers looking to enhance their JavaScript projects with TypeScript. It is suitable for those who want to learn how to initialize TypeScript projects, understand types, and apply TypeScript in practical scenarios like converting JavaScript projects to TypeScript.
How does the depth of this TypeScript course compare to other courses?
The course offers a concise introduction to TypeScript with 47 videos totaling just under 5 hours. It covers foundational topics such as types, interfaces, and project setup, as well as advanced topics like generics and debugging. Interviews with experts provide additional insights into advanced TypeScript usage.
What specific tools or platforms are covered in this TypeScript course?
The course covers using a bundler for TypeScript projects, as well as working with the TSConfig file. It also explores TypeScript's integration with React through lessons on PropTypes, useState, useRef, useReducer, and useContext.
What topics are not covered in this TypeScript course?
While the course is comprehensive in its coverage of TypeScript basics and some advanced topics, it does not delve into TypeScript's integration with frameworks beyond React. It also doesn't cover TypeScript's use in backend development or with non-JavaScript languages.
How much time should I expect to commit to this TypeScript course?
The course consists of 47 videos with a total runtime of just under 5 hours. This does not include time spent on practical exercises and projects, so learners should plan additional time for hands-on practice and reviewing video content as needed.