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 agoBuild an Image Filters App with Vue, TypeScript and WebAssembly
By: Zero To MasteryWith this project you'll build "Vue Filters", an image filter application built with Vue that allows you to bring the experience of applying Photoshop filters t1h 44m -
Updated 2y agoTypeScript Design Patterns And SOLID Principles
By: UdemyWelcome to this one-of-a-kind course specifically designed to transform your TypeScript programming skills by diving deep into the world of Gang Of Four Design16h 58m5/5 -
Updated 8mo agoBuild a Full-Stack Todo App with Turborepo, tRPC, Next.js, NestJS & React Native
By: Michael GuayLearn to build a full stack todo app with TypeScript, Turborepo, tRPC, Next.js, NestJS, and React Native. You build web, backend, and mobile parts with steps.2h 47m -
Updated 2y agoTypescript: The Complete Developer's Guide
By: Udemy, Stephen GriderEvery other course online teaches you the basic syntax and features of Typescript, but only this course will show you how to apply Typescript on real project27h 15m -
Updated 3mo agoPractical TypeScript: Foundations to Fluency
By: Kent C. DoddsMaster TypeScript: from basic knowledge to complex concepts. Understand the structure of the type system and production patterns. Gain confidence in programming9h 18m -
Updated 3y agoTypeScript course
By: UI.dev (Tyler McGinnis)Types are fundamental to TypeScript, so naturally you'll need to be familiar with the base types that exist in JavaScript. We'll start the course off with some6h 27m -
Updated 3y agoNext JS & Typescript with Shopify Integration - Full Guide
By: UdemyYou will build an e-commerce application from scratch. You will learn how to write code in Typescript language, a superset of Javascript providing additional fe27h 55m
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.