Learn TypeScript with this Fun Drag-and-Drop Todo App | Part 1

Starter files: https://github.com/tanujrm44/todo-ts-...

In this course, we will be building a simple To-Do App with a Drag-and-Drop feature, showcasing the power and flexibility of TypeScript. This project will cover all the key concepts of TypeScript using Object-Oriented Programming (OOP) principles, including classes, interfaces, generics, and more.

You’ll learn how to structure your code for scalability, improve type safety, and enhance your development workflow. By the end of this course, you’ll not only have a fully functional To-Do App but also a strong understanding of how to use TypeScript effectively in real-world projects.

⏰Timestamps:
0:00 - Intro
2:08 - Start up files
6:53 - Rendering Todo input
17:44 - Decorators
30:32 - Tuples
36:08 - Input Validation
39:31 - Validator class
55:06 - Rendering Active and Finished Todos
1:03:31 - State management using Singletons
1:22:39 - Enums
1:34:21 - Creating Base Class
1:36:30 - Generics
1:48:42 - Base class for state
1:51:51 - Rendering Todo Item
2:00:06 - Getter
2:02:51 - Implementing Drag n Drop
2:27:55 - Outro

This course is perfect for developers looking to deepen their knowledge of TypeScript while building a fun and practical project.

#typescript #oop