Bite-sized TypeScript

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

Series Lecture Links
> React in bite-sized pieces: https://inf.run/v3XAj
> TypeScript in bite-sized chunks: https://inf.run/FpLm4
> Next cut into bite sizes: https://inf.run/v3XAj

TypeScript, the inevitable trend in the front-end
Now is the time to conquer it properly! 😎

This is a lecture by the presenter of Infocon 2023 "Why TypeScript?"

🧐 No matter how much I learn, it's still confusing
TypeScript, let's learn it properly now

TypeScript has now become an unavoidable trend!
If you only learned grammar roughly without properly understanding the principles,
It's difficult to properly utilize the powerful features TypeScript provides.

This lecture is not a lecture that simply lists the grammar of TypeScript.
Why TypeScript works the way it does, including its grammar, and how it was designed.
Learn very easily and enjoyably.
By the end of this course, you will be a TypeScript wizard. 🧙🏻‍♀️
A handbook is also provided to accompany the lectures, as shown in the image below!

Difficult and complex concepts
We will take a look at it in an easy and fun way.

Because TypeScript is a language that operates based on the 'set theory' of mathematics,
It can be difficult to clearly understand the principles through speech and writing alone.
So, I prepared various visual materials and cases.
No matter how difficult or complex the concept is, we will look at it in an easy and fun way.

I recommend this to these people 🙆‍♀️

For those who have finished learning JavaScript and are trying to learn TypeScript for the first time

I have learned TypeScript, but there are still many things that are confusing.

For those who want to understand the exact concepts and working principles of TypeScript

Anyone who wants to try using React and TypeScript together

Lecture Features ✨

🎨
Anytime, anywhere
I'm serious about visuals

I believe that learning with clean, pretty, and cool visual aids will help you focus better and remember things longer.
These are all images I created myself, so you can capture them and use them in your learning blog posts. 😃

What you'll learn 📚

📌 SECTION 1. Introduction to TypeScript

To understand the technology well, you need to know the background from which it was born. Therefore, in Section 1, we will look at the background from which TypeScript was born and take a closer look at the problems TypeScript was trying to solve and what features it has.

📌 SECTION 2~3. Building the Basics of TypeScript

We'll look at the most basic TypeScript syntax, while also looking at what exactly TypeScript means by types, how types relate to each other, and how they work.

📌 SECTION 4~6. TypeScript Grammar Review

We will look at various features and syntax of TypeScript, such as function type definition, function overloading, interfaces, and classes.

📌 SECTION 7~9. Manipulating Types Like a Wizard

We will look at one of the most unique and powerful features of TypeScript: type manipulation. We will look at a wide variety of TypeScript type manipulation syntax, including generics, indexed access types, mapped types, the Keyof operator, and conditional types.

📌 SECTION 10. Using Utility Types

Let's take a look at the various utility types that TypeScript provides by default. We'll also implement the utility types we've looked at using the knowledge we've learned so far.

📌 SECTION 11. (Bonus +) Using TypeScript in React

It would be a shame if it ended like this, right? That’s why I prepared a bonus section. Let’s create a very simple to-do list and learn how to apply TypeScript to a React project.

Expected Questions Q&A 💬

Things to note before taking the class 📢

Player Knowledge

1. You should have experience using JavaScript ES6 or higher (arrow functions, etc.).
2. To follow the bonus section, you will need some prior knowledge of React, similar to what you learned in the previous lecture (React in Bite-Sized Pieces).

Note

1. We recommend that you learn by following along and writing all the practice code yourself.
2. I strongly recommend that you organize what you learned in class into a personal blog.
3. If you have any questions, don't hesitate to post them on the Q&A board or in the student community.

Introducing the knowledge sharer ✒️

An educator who believes that there is a way to explain anything easily and enjoyably. He created the 'React in bite-size pieces' course, which produced about 5,000 students on Inflearn and Udemy within a year of its launch. He created the developer knowledge sharing site DEVSTU to help aspiring developers and has been running it for about 2 years. Starting in 2022, he will also open and operate an open chat room for people studying React. He also worked as a CTO of a service startup for junior developers for 2 years.

History

• Infocon 2023 Speaker - "Why TypeScript?"
• Bite-sized book published (Insight)
• 2022 Inflearn Awards Winner (Widely Known Award)
• Bite-sized React lectures published
• Former) 22Hours CTO | FrontEnd Developer
• Development and operation of DEVSTU, a college student developer knowledge sharing community

Portfolio/Personal Videos