Skip to main content
CF

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

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.

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

https://github.com/WebDevSimplified/TypeScript-Simplified/

Who teaches TypeScript Simplified? Web Dev Simplified (Kyle Cook)

Web Dev Simplified (Kyle Cook) thumbnail

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 TitleDuration
101 - What Is TypeScript + Course Introduction 03:34
202 - Why Use TypeScript 05:06
303 - How To Initialize A TypeScript Project 04:30
404 - Using A Bundler 03:38
505 - Understanding The TSConfig 04:55
606 - Assigning Types And Type Inference 06:28
707 - Array Type 03:27
808 - Any Type 03:23
909 - Object Basics 03:39
1010 - Types Vs Interfaces 05:50
1111 - Defining Functions 06:57
1212 - Void Type 02:20
1313 - Optional Parameters 01:35
1414 - Destructured And Rest Parameters 05:59
1515 - Typing Variables As Functions 03:38
1616 - Unions 05:22
1717 - Intersections 04:59
1818 - readonly 02:30
1919 - keyof 02:38
2020 - typeof 03:15
2121 - Index Types 09:47
2222 - As Const And Enums 06:23
2323 - Tuples 02:24
2424 - Generics 20:50
2525 - Async Functions 02:22
2626 - Pick And Omit 05:06
2727 - Partial And Required 06:37
2828 - ReturnType And Parameters 03:26
2929 - Record 01:32
3030 - Readonly 02:01
3131 - Awaited 01:30
3232 - Basic Type Guards 10:30
3333 - Never Type 02:52
3434 - Unknown Type 02:56
3535 - As Casting 04:18
3636 - Satisfies 03:48
3737 - Discriminated Union 04:53
3838 - Function Overloads 05:26
3939 - Type Predicate Function 08:15
4040 - Debugging 10:29
4141 - Importing Types 05:35
4242 - Declaration Files 06:25
4343 - Todo List Project Introduction 01:32
4444 - Todo List Project Walkthrough 14:53
4545 - Migrate JS To TS Project Introduction 03:29
4646 - Migrate JS To TS Project Walkthrough 24:24
4747 - What's Next 01:54
48Bonus. 01 - PropTypes 11:09
49Bonus. 02 - TypeScript Setup And Props 11:21
50Bonus. 03 - useState 02:58
51Bonus. 04 - useRef 04:05
52Bonus. 05 - useReducer 03:43
53Bonus. 06 - useContext 06:16
54Bonus. 07 - Generic Components 04:26
55Bonus. 08 - Google Calendar Clone Introduction 07:08
56Bonus. 09 - Google Calendar Clone Walkthrough 01:44:43
57Interviews. Matt Pocock - Advanced TypeScript 46:29
58Interviews. Jack Herrington - Using TypeScript In React 38:36
59Interviews. Cody Seibert (Web Dev Cody) - Converting JS Projects To TS 27:48
60Interviews. Adrian Hajdin (JS Mastery) - Writing TypeScript On A Team 29:41
61Interviews. Josh Neske (Josh Tried Coding) - Getting Past The Hard Part Of TypeScript 40:10
62Interviews. Jeff Delaney (Fireship) - Landing Your First Job As A TypeScript Developer 28:03

What courses are similar to TypeScript Simplified?

  • TypeScript Basics thumbnailUpdated 2y ago

    TypeScript Basics

    By: Ultimate Courses (Todd Motto)
    TypeScript Basics — first steps with static types, interfaces, and basic generics. Beginner-friendly introduction to TypeScript on CourseFlix.
    3h 59m
  • The Ultimate TypeScript Course thumbnailUpdated 2y ago

    The 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 career
    4h 22m
  • Build a Notion Clone with React and TypeScript thumbnailUpdated 2y ago

    Build a Notion Clone with React and TypeScript

    By: Zero To Mastery
    Master React and TypeScript by building a Notion clone. Learn to use Vite for project setup and Supabase for database management. Showcase your skills with a
    7h 57m5/5

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.