inflearn logo
inflearn logo

Everything You Need to Know for Frontend Development (Concepts Edition)

Are you feeling anxious because you've only been following along and copying code? We’ve packed this with the core principles of how the web works and the criteria for choosing technologies, without just focusing on implementation. From foundational concepts to React 19 and Vite 7, we will help you draw the big picture for frontend development in 2026!

14 learners are taking this course

Level Beginner

Course period Unlimited

Web Application
Web Application
Architecture
Architecture
Interview
Interview
frontend
frontend
Web Application
Web Application
Architecture
Architecture
Interview
Interview
frontend
frontend

What you will gain after the course

  • ① You will have a 'complete map' of how the web works.

  • ② Summarizing the latest technology trends of 2026 all at once.

  • ③ You will develop 'technology selection criteria' that fit the situation.

  • ④ Become a developer who 'explains with words.'

Early Bird Notice!

I am currently editing some parts where the speech is too fast during slide transitions!!

I'm also working on the remaining sections, so the upload is being delayed. T_T!

It is scheduled to be uploaded on the evening of February 10th!



🧭 Stop being a code-writing machine! 🤖

"The feature works... but I don't know why it works..." Did that make you flinch? 😅

React 19, Next.js 16, Vite 7 pouring in every day... your skills will never improve by just blindly following "clone coding."

What you need right now is not complex code, but a [frontend Map] that tells you exactly what these technologies are and when to use them.



🎁 What you will learn from this course

We won't write a single line of code. Instead, I will give you four core weapons!

Implementing features isn't the end of the story. We will establish the quality standards—such as web performance (Web Vitals), accessibility, security, and SEO—that a "professional who gets paid to work" must absolutely maintain.

Stop vague worrying about "Should I use CSR or SSR?" We will help you develop the ability to choose the perfect technology and architecture for your project through specific scenarios like Commerce vs. Dashboard.

We summarize the core changes and trends of the hottest technologies as of January 2026, including React 19, Next.js 16, Vite 7, and Tailwind 4, all at once. Don't waste your time on outdated lectures!

From entering a URL in the address bar to the screen appearing (network to rendering), you will perfectly understand everything that happens behind the scenes by breaking it down into 8 layers. Prepare for interviews at the same time!



Recommended for these people, 🧐 Honestly... if you are currently in this state?



✅ If even one of these applies to you, this lecture is the answer.

  • "I know the syntax... but I become speechless when asked to explain browser rendering principles."

  • "I start breaking into a cold sweat whenever an error occurs. I can't tell if it's a problem with my code or the server."

  • "React 19, Next.js 16... I feel like throwing up just thinking about having to study every time a new version comes out"

  • "I use it because everyone else does... but if someone asks 'Why do you use it?' I have nothing to say."

Don't worry. I'll clear up that frustration for you once and for all! 👊


🎧 "Have you ever had your ears hurt while listening to a lecture?"

Content is important, but if the sound is bad, it's hard to focus. That's why I've prepared this with great determination.

🎙️ AI Audio Mastering Complete!

With the latest AI enhancement, I've completely removed background noise and refined the voice, pronunciation, and breathing. ⚡ Even at 2x speed, the diction remains crystal clear without any distortion. You're busy, so why listen slowly? Finish the course quickly at 2x speed!



This lecture is part of a series! Want to build development knowledge in other fields as well?

All Knowledge for Backend! Check out the course too!


Notes before taking the course

🛑 Please check before taking the course!

Q. Is there any coding practice?

No! This is a 100% theoretical lecture that explains concepts and principles without hands-on coding. You can comfortably listen to it on your commute without a laptop.

Q. Can beginners take this course?

Yes! As long as you've heard of what HTML/CSS/JS are, that's enough. Difficult terms are explained through easy analogies.

Q. Does it teach React syntax?

This is not a syntax lecture. I will teach you "why and when" to use React or Next.js. If you take this alongside a syntax lecture, the synergy will be explosive!

Learning Materials

  • Provided as a Notion link! (Separately scheduled to be uploaded as self-study material)

Prerequisite Knowledge and Important Notes

  • Basic JS knowledge

  • 10 hours of frontend experience!

Recommended for
these people

Who is this course right for?

  • Those who have finished studying grammar but still can't see the 'big picture'

  • Those who are lost in the flood of pouring frameworks

  • Those who want to quickly organize 'development terminology' and 'workflows'

Need to know before starting?

  • Basic knowledge of JavaScript, HTML, and CSS

  • 10 hours of front-end development experience!

Hello
This is haeyeomiso

Nice to meet you!

I am Haeyeo, someone who explores the infinite possibilities of AI and computer science and wishes to share that journey with all of you.

During my undergraduate years, my passion for my major was so intense that I was nicknamed a 'Computer Science Addict.' I graduated at the top of my class with a major GPA of over 4.4. I then earned my Master's degree in AI from Seoul National University and further deepened my expertise through a doctoral program.

However, as I felt as much of a fascination for solving real-world problems with AI as I did for theoretical exploration, I took a break from my doctoral studies to gain valuable hands-on experience by working on AI-based LLM and video analysis projects at a startup.

Currently, I am working as an LLM project developer and PM at one of the top three conglomerates in Korea, contributing to creating positive changes that AI technology will bring to our lives. I will generously share with you the challenges I faced, the problem-solving processes I went through, and the vivid know-how I gained in the field. I will be your reliable guide on this journey into the exciting world of AI.

Inquiries and Proposals: haeyeo.open@gmail.com

More

Curriculum

All

20 lectures ∙ (6hr 24min)

Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

Similar courses

Explore other courses in the same field!

Limited time deal

$972,114.00

38%

$59.40