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?
-
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 2y agoThe Ultimate TypeScript Course
By: Mosh Hamedani (Code with Mosh)Upgrade your JavaScript skills with The Ultimate TypeScript Course. Learn to build scalable, robust applications in under 5 hours and enhance your career4h 22m -
Updated 1y agoTypeScript Fundamentals: Learn TypeScript from Scratch
By: Vue SchoolReady to take your JavaScript skills to the next level? TypeScript is the key to writing more maintainable, scalable, and error-resistant code.1h 19m -
Updated 1y agoWeb Security Dev Academy - 12-week online program
By: Bartosz PietruchaMaster the full scope of web security and learn to develop secure full-stack applications with reliable authorization, protection against vulnerabilities.16h 37m5/5 -
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 agoAWS & Typescript Masterclass - CDK V2, Serverless, React
By: UdemyAWS and Typescript are 2 of the most demanded technologies in today's IT market. AWS Cloud Development Kit - CDK brings a great new development experience. Now10h 48m -
Updated 2y agoLoopback 4: Modern ways to Build APIs in Typescript & NodeJs
By: UdemyLoopBack is a highly-extensible, open-source Node.js framework that enables you to create dynamic end-to-end REST APIs with little or no coding. LoopBack 4 is t5h 14m
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.