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!

35 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.'

Notice of Full Course Renewal!


After collecting internal evaluations and feedback following the initial launch of the early bird lecture,

We have concluded that there are too many unnecessary flourishes in the lecture explanations, which actually makes them difficult to understand.


To improve this area, the entire course has been restructured and re-recorded, and it is scheduled to be uploaded sequentially by 4/5!


We ask for your understanding for not being able to create a better lecture from the start and for causing confusion to our students!


Sincerely, Instructor Haeyeo



🧭 Stop being a code-writing machine! 🤖

"The feature works... but I don't even 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 just by 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.



🎁 Here's what you'll learn from this course

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

It's not enough to just implement features. We will establish the quality standards that a "paid professional" must maintain, such as web app performance (Web Vitals), accessibility, security, and SEO.

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

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 take outdated courses!

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 dividing it into 8 layers. Prepare for interviews at the same time!



Recommended for these people. 🧐 Honestly... if this is your current situation?



✅ 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 studying 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!

Using the latest AI correction, 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 is a series of lectures! Want to build development knowledge in other fields as well?

All the knowledge for backend! Check out the lecture 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! It's enough if you've only heard of what HTML/CSS/JS are. I explain difficult terms using 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! (Scheduled to be uploaded separately as self-study material)

Prerequisite Knowledge and Precautions

  • 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

28 lectures ∙ (9hr 9min)

Published: 
Last updated: 

Reviews

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

Similar courses

Explore other courses in the same field!

$59.40