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
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
About the Author: 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.
Watch Online 62 lessons
- 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
| # | 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 |
Related courses
-
Updated 2y agoBuilding an AI Icon Generator using the T3 Stack (Next.js, Prisma, TailwindCSS, Typescript, Dall-E API)
By: WebDevCodyAre you looking to take your web development skills to the next level? Do you want to learn how to build a fully functional icon generator that integrates with5h 53m -
Updated 2y agoFullstack Typescript with TailwindCSS and tRPC Using Modern Features of PostgreSQL
By: Fullstack.ioThis comprehensive course will equip you with the skills and knowledge to build modern full-stack applications using TypeScript, TailwindCSS, tRPC, and PostgreS4h 54m -
Updated 6mo agoMicroservices with NodeJS, React, Typescript and Kubernetes
By: UdemyIn building large scale applications intended for growth, microservices architecture is the go-to solution. One issue for Javascript and NodeJS learners is the97h 19m5/5