Beyond grammar, to how it works and concepts: TypeScript is confusing even after much learning. Now, truly learn it! We'll make you a TypeScript wizard 🧙🏻♀️.
🧐 TypeScript that confuses you no matter how much you learn Let's learn it properly now
Now 'TypeScript' has become an inevitable trend that cannot be avoided! If you only roughly learned the syntax without properly understanding the principles, it will be difficult to properly utilize the powerful features that TypeScript provides.
Do you really understand TypeScript well? Check if you can sufficiently answer the questions below.
What is a 'type' in TypeScript?
How is compatibility between different types determined?
Can you explain in detail how the built-in types (any, unknown, never, etc.) work?
This course is not just a simple listing of TypeScript syntax. It covers the grammar and explores why TypeScript works the way it does and how it was designed in a very easy and fun way. After the course, you'll become a TypeScript wizard. 🧙🏻♀️ A handbook that you can reference alongside the course, as shown in the image below, is also provided!
We'll explore even difficult and complex concepts in an easy and fun way
TypeScript is a language that operates based on mathematical 'set theory', so it can be difficult to fully understand the principles through words alone. That's why I've prepared various visual materials and examples. No matter how difficult or complex the concept is, we'll explore it in an easy and fun way.
Recommended for 🙆♀️
Someone who has finished learning JavaScript and is trying to learn TypeScript for the first time
Those who have learned TypeScript but still find many aspects confusing
Those who want to understand the precise concepts and working principles of TypeScript
Those who want to try using React and TypeScript together
Course Features ✨
🎨 Anytime, anywhere Serious about visual materials
Learning with clean, beautiful, and impressive visual materials helps you concentrate better and remember longer. All images are created by me, so feel free to capture and use them in your learning blog posts. 😃
🖌️ Visual learning with tablet annotations
Visual materials are the best way to understand things more easily and quickly, right? That's why I purchased a tablet for writing to film this course. Let's dive deep into TypeScript together with handwritten notes.
🗄️ Practice code is organized neatly by section
It would be a shame to carelessly store the practice code you worked hard to write, wouldn't it? We've taken care to ensure you can organize and store your code by section so you can revisit it anytime.
📗 Free lecture notes available for review anytime
To save you the trouble of listening to the lecture from the beginning for review, free lecture materials are provided.
🌏 Together even after the course! Exclusive community for students
Learning never ends. Even after this course is over, gather in the student-exclusive community to share knowledge and various updates with each other and grow together 🌱 [Section 0, Chapter 2: Join the Student Community] Check the student-exclusive open chat room link and password
Learning Content 📚
📌 SECTION 1. Introduction to TypeScript
To truly understand a technology, you need to know the context in which it was born. Therefore, in Section 1, we'll examine the background of TypeScript's creation, taking a detailed look at what problems TypeScript aimed to solve and what characteristics it possesses.
📌 SECTION 2~3. Building TypeScript Fundamentals
Let's explore the most basic TypeScript syntax. At the same time, we'll examine what exactly TypeScript means by "type," and how types relate to each other and how they work.
📌 SECTION 4~6. Exploring TypeScript Syntax
We'll explore various TypeScript features and syntax including function type definitions, function overloading, interfaces, classes, and more.
📌 SECTION 7~9. Manipulating Types Like a Wizard
We'll explore TypeScript's most unique and powerful feature: type manipulation. We'll examine a wide variety of TypeScript's type manipulation syntax, including Generics, Indexed Access Types, Mapped Types, Keyof operators, Conditional Types, and more.
📌 SECTION 10. Using Utility Types
We'll explore various utility types that TypeScript provides by default. We'll also implement the utility types we've examined using the knowledge we've learned so far.
📌 SECTION 11. (Bonus +) Using TypeScript in React
It would be disappointing to end here, right? That's why I've prepared this as a bonus section. We'll create a very simple to-do list together and explore how to apply TypeScript to a React project.
Anticipated Q&A 💬
Q. I know JavaScript, but not very well. Can I still take this course?
Yes. You can take this course as long as you're not at a complete beginner level. Whenever JavaScript prerequisite knowledge is needed, I've included JavaScript learning materials that I personally created in the lecture notes. Also, if you find the syntax difficult, you can ask questions in the student community to get help.
Q. I'm a Node.js backend developer. I'm not a frontend developer, but can I still take this course?
Yes. You can take all sections except the last bonus section (React + TypeScript).
Q. Can I capture and post lecture PPTs or screens on my blog?
Yes! Feel free to use it. Just please don't sell it. 🥲 Additionally, I would appreciate it if you could include a link to my course as the source.
Important Notes Before Enrollment 📢
Prerequisites
You should have experience using JavaScript ES6 or higher versions (including arrow functions, etc.).
To listen to the bonus section, you need prior React knowledge equivalent to the previous course (React in Bite-Sized Pieces).
Important Notes
I recommend that you write and follow along with all the practice code yourself while learning.
I strongly recommend organizing the content you learned from the lectures separately on your personal blog.
If you have any questions, don't hesitate to post them on the Q&A board or student community.
Instructor Introduction ✒️
An educator who believes there's a way to explain anything easily and enjoyably. Created the 'Bite-sized React' course, which produced approximately 5,000 students on Inflearn and Udemy within one year of launch. Has been operating DEVSTU, a developer knowledge-sharing site, for about two years to help aspiring developers. Since 2022, has also been running an open chat room for people studying React. Additionally, worked for two years as CTO at a service startup for junior developers.
Captain Pangyo's TypeScript, Zerocho's TypeScript, as someone who has heard them all, this is the best. The lecture quality is good and the price is cheap. It's a blessing. I especially liked how easy it was to understand the generics part!
It was a really good lecture ㅎㅎ
Personally, I want to see a lecture that comprehensively applies what I learned in parts 1 and 2, such as a lecture on how to create a project with React + TS as the third lecture!! ㅎㅎ
A lecture that robbed an old man's pocket!!
You are the true leader of React lectures!!
A lecture that two people can eat and one will die without knowing!!
Lee Jeong-hwan, React cut into bite-size pieces!!!
I took both React and TypeScript lectures.
Sometimes detailed and sometimes simple and clear, so I understand it very well.
The pictures and photos used to explain the lectures are simple, so I can understand them at a glance. It's also good for beginners!!
I really like this lecture. I'll listen to it over and over again!!
The lecture materials are upgraded from the React lectures, and Jeonghwan's voice is so so good! I think it's the clearest and easiest explanation among the TypeScript lectures I've ever heard!!
wjdgksak0677
![[Revised 3rd Edition] Node.js Textbook - From Basics to Project Practice강의 썸네일](https://cdn.inflearn.com/public/courses/330181/cover/47e0125e-75ad-4946-96d3-54bbc444a188/330181-eng.jpg?f=avif&w=420)