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
- Language
- English
- 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 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
ClassicTypeScript Interview Questions - Coding Interview 2023
By: UdemyThis course is great preparation for any TypeScript programming interviews that you may have coming up. Programming interviews need a lot amount of knowledge, b2h 56m4/5
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 agoGenerative AI for NodeJs: OpenAI, LangChain - TypeScript
By: UdemyElevate your JavaScript/TypeScript skills by integrating AI into your applications.7h 21m5/5
Updated 2y 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 3mo agoAI-Native Programming
By: Zen van RielLearn to create AI applications using TypeScript and Python, with a focus on practice and using AI tools. Gain skills for development.1h 59m
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
UpdatedNFT Marketplace in React, Typescript & Solidity - Full Guide
By: UdemyBuild a full ERC721 NFT marketplace with React, Next.js, TypeScript, and Solidity, including IPFS metadata storage via Pinata.16h 20m
More courses by Web Dev Simplified (Kyle Cook)
UpdatedReact Simplified - Bonus Project
Build an advanced React job board application in this hands-on bonus project designed to mirror real team-based development.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 2y 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
UpdatedCSS Simplified
A deep CSS course built on 100+ lessons and real projects like a Discord clone, covering advanced techniques beyond the basics.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.