Bite-sized TypeScript

Click the image to go to the roadmap.
> Roadmap link: https://link.onebitefe.com/r/5cdagw

Series Course Links
> Bite-Sized React:https://inf.run/v3XAj
> Bite-Sized TypeScript: https://inf.run/FpLm4
> Bite-Sized Next: https://inf.run/v3XAj

I notice the `` tags are empty - there is no Korean text provided between them to translate. However, I can see Korean text in the `` section. If you'd like me to translate those parts: **Before section:** Bite-sized React: https://inf.run/v3XAj> Bite-sized TypeScript: https://inf.run/FpLm4> Bite-sized Next: https://inf.run/v3XAj **After section:** The unavoidable trend in frontend, TypeScript - now is the time to properly conquer it! 😎 This is a lecture by the presenter of "Why is TypeScript Like That?" from Infcon 2023 Please provide the text you'd like translated between the `` tags if you need a different translation.

TypeScript, the unavoidable trend in frontend,
now is the time to master it properly! 😎

This is a lecture by the presenter of Infcon 2023 "Why is TypeScript Like That?"

🧐 TypeScript keeps confusing you no matter how much you learn?
Let's learn it properly this time

TypeScript has now become an unavoidable trend!
If you've only roughly learned the syntax without properly understanding the principles,
it will be difficult to properly utilize the powerful features that TypeScript provides.

This course is not just a simple listing of TypeScript syntax.
Including the syntax, it 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 have become a TypeScript wizard. 🧙🏻‍♀️
A handbook that you can read along with 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 'set theory' in mathematics, so
it can be difficult to fully understand the principles through words alone.
That's why we've prepared various visual materials and examples.
No matter how difficult and complex the concepts are, we'll explore them in an easy and fun way.

I can see that the `` tags are empty. Based on the context provided in the `` tags, here are the translations: **Before text:** "It can be difficult to understand. That's why I've prepared various visual materials and examples. No matter how difficult and complex the concept is, we'll explore it in an easy and fun way." **After text:** "Recommended for these people 🙆‍♀️ Those who have finished learning JavaScript and want to learn TypeScript for the first time Those who have learned TypeScript but still have confusing points" However, since there is no content between the `` tags to translate, there is no output to provide.

Recommended for 🙆‍♀️

Those who have finished learning JavaScript and want to learn TypeScript for the first time

Those who have learned TypeScript but still find many things confusing

Those who want to understand the precise concepts and operating principles of TypeScript

Those who want to use React and TypeScript together

Course Features ✨

🎨
Anytime, Anywhere
Serious about visual materials

Learning with clean, beautiful, and stylish visual materials will help you stay more focused and remember better for longer.
All images are created by me, so feel free to capture and use them for your learning blog posts. 😃

Learning Content 📚

📌 SECTION 1. Introduction to TypeScript

To truly understand a technology, you need to know the background from which it emerged. Therefore, in Section 1, we'll examine the origins of TypeScript, exploring in detail what problems TypeScript aimed to solve and what characteristics it possesses.

📌 SECTION 2~3. Building TypeScript Fundamentals

We'll 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, and classes.

📌 SECTION 7~9. Manipulating Types Like a Wizard

We'll explore TypeScript's most unique and powerful feature: type manipulation. We'll look at a wide variety of TypeScript's type manipulation syntax, including generics, indexed access types, mapped types, the Keyof operator, 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? So I've prepared this as a bonus section. We'll create a very simple todo list together and explore how to apply TypeScript to React projects.

Anticipated Questions Q&A 💬

Important Notes Before Taking the Course 📢

Prerequisites

1. You must have experience using JavaScript ES6 or higher (arrow functions, etc.).
2. To take the bonus section, you will need prior React knowledge equivalent to the previous course (React in Bite-Sized Pieces).

Important Notes

1. I recommend that you learn by directly writing and following along with all the practice code.
2. I strongly recommend organizing the content you learned from the lecture separately on your personal blog.
3. 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 always a way to explain anything easily and enjoyably. Created the course "Bite-Sized React" which produced approximately 5,000 students on Inflearn and Udemy within one year of launch. To help aspiring developers, created and has been operating the developer knowledge-sharing site DEVSTU for about 2 years. Since 2022, also opened and operates an open chat room for people studying React. Additionally, worked for 2 years as CTO of a service startup for junior developers.

Career History

• Infcon 2023 Speaker - "Why is TypeScript Like That?"
• Bite-Sized Book Publication(Insight)
• 2022 Inflearn Awards Winner (널리 알렸상)
• Bite-Sized React course released
• Former CTO at 22Hours | FrontEnd Developer
• Developed and operated DEVSTU, a knowledge-sharing community for university student developers

Portfolio/Personal Videos