강의

멘토링

커뮤니티

NEW
Programming

/

Front-end

All Knowledge 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!

11 learners are taking this course

Level Beginner

Course period Unlimited

  • haeyeomiso
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.'

🧭 Stop being a code-writing machine! 🤖

"The feature works... but I don't know why it works..." Did that hit a little too close to home? 😅

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

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 is what you will learn from this course

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

Implementing features isn't the end of the story. We will establish the quality standards that a "paid professional" must follow, including 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 technology and architecture that is perfect 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 listen to 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 your interviews all at once!



Recommended for these people—honestly... if this describes your current situation?



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

  • "I know the syntax... but I get tongue-tied 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! 👊


🎧 "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 is a series course! Want to build development knowledge in other fields?

All the knowledge for back-end! Take the course now!


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 during your commute without a laptop.

Q. Can beginners take this course?

Yes! As long as you have heard of what HTML/CSS/JS are, that is enough. Difficult terms are explained 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

  • It will be provided via a Notion link! (To be uploaded separately as self-study material)

Prerequisites and Notices

  • 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

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

Curriculum

All

10 lectures ∙ (3hr 14min)

Published: 
Last updated: 

Reviews

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

Limited time deal

$46,200.00

40%

$59.40

haeyeomiso's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!