How To Build Your First TypeScript Project - TODO List Application

It is finally time that I create a full TypeScript project. In this video I show you how to create an entire TODO list application in TypeScript. I also show you how to get started with TypeScript in both a basic and advanced way.

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00 - Introduction
00:49 - How To Install TypeScript
02:10 - Basic TypeScript Setup
06:01 - Bundler TypeScript Setup
10:30 - How To Build The Todo List App

#WebDevelopment #WDS #TypeScript

[dechobarca]

Hey Kyle, great to see you covering some TypeScript. I would definitely be interested in future videos if you decide to cover more advanced topics. Cheers!

[cornholio]

This was a perfect intro tutorial for a TS project. I followed along the tutorial, and then wrote down the steps I took. The next day I created the tutorial based on these steps. Then the next day I created it from scratch. Great learning experience. Thanks!!

[lucydelaluna]

You're such a great teacher. Highly appreciate your content and ability to explain things so simply.

[njo_lv]

Loving these project tutorials. I am learning both React and TypeScript and your videos have been gold. The fast pace challenges me to keep up. Thank you for the clear and concise content. 👏

[darkjedi]

LOVED this tutorial! Very informative and very easy to follow! Thank you so much. Like the others, I would love to see more TypeScript tutorials. If possible, some centered around API usage please. I'm still learning TypeScript and this tutorial helped me so much. Thank you! :)

[kraxen]

great tutorial. please more typescript ones, for example how to properly define interfaces, types and set up definition files. also please try svelte (with vite or sveltekit)

[kasopejohnson]

Really great simple hands-on application of typescript for practice. One thing I noted, when the browser threw an error trying to run module syntax, it was actually because you didn't specify the type of the script as "module" in your script tag

[k_]

this was a great intro for me, i watched many videos going into a lot of theory, but seeing it in practice and seeing right away the linting and error warnings and how the code is a lot more reliable like people say. thank you

[HHJoshHH]

Yay I got all the way through it this time! I'm so pumped that I was able to do this so fast. I've been working hard to get this far. Thanks Kyle. You rock man.

[hachapacha]

dude this tutorial is so useful.i have try to learn typescript for a long time but I couldn't find a clear tutorial. you killed it man. please make more.

[Vyse]

Yes...been wanting a nice quick TypeScript tutorial. Thanks!

[taroserigano]

Awesome Kyle! I was waiting for Typescript projects!

[swapnilkuwar]

When you're going to give guitar lessons?

[tejaswan]

I have just planed to learn typescript. and u made a video on typescript 👏

[simpleedge]

Woah! I finally get why typescript is so amazing!!!! It preemptively exposes possible errors in your code before you deploy! 😱😱 This is 🔥🔥🔥🔥

[develxper]

Thanks very much, i really appreciate your content, you literally simplify complex things

[rrbit]

I followed this tutorial to create my first web app ever. Little did I know, it would also make creating my first Angular project so easy (Tic-tac-toe by Fireship).

I've learned so much with your videos. Thank you for being such a great teacher and for sharing what you know Kyle.

Greetings from El Salvador!

[aravindgop]

That was a quick and a very good video... i have been following you for a while now and I am eager to see your desk setup and other cosmetic stuff behind the scenes which usually any other youtubers would have posted a hundred times :)

[marcelobrasil-developer]

Great video as always!! Keep it up with the Typescript!

[DragonWhisky]

Thank you, Kyle. I enjoy this short course.