inflearn logo

AI vibe coding done right, from basic concepts to hands-on creation

When coding with AI, you ultimately need to understand software in order to decide what to ask the AI to do and verify whether it did the job correctly. Let’s learn the fundamental software concepts essential for building websites and use AI to create a website based on these concepts. This course is structured around frequently asked questions from students in corporate lectures and the AI Solopreneur Club.

18 learners are taking this course

Level Beginner

Course period 24 months

HTML/CSS
HTML/CSS
JavaScript
JavaScript
React
React
vercel
vercel
supabase
supabase
HTML/CSS
HTML/CSS
JavaScript
JavaScript
React
React
vercel
vercel
supabase
supabase

What you will gain after the course

  • You can quickly publish your own website on the internet. To stay motivated, we deploy it relatively quickly.

  • Instead of a “do it—click, do it—click” cycle, you’ll be able to specifically review AI’s output and direct its course.

  • You can build a website with richer functionality by integrating backend features.

  • Directly control it instead of using MCP, so you can worry less about data loss.

Why should I take this course?

Have you tried vibe coding?
Have you ever experienced something like this?

When creating a draft

Click~
(while looking at a convincing UI)
'Oh~ it’s making it pretty well on its own.'

As you continue

'Why doesn’t it work the way I think it should?'
'Where should I start making changes?'
'How should I explain it to the AI?'

Why does this happen?


The AI does the coding, but humans have to make the decisions.

The reason it only becomes increasingly complicated and tangled as you proceed, without being properly completed, is clear.

Because you couldn't tell what the AI had done each time it performed a task.

When files are generated in droves, if you don't know what they contain, there's no way to tell whether the AI did a good job or not.

Performance by group after AI adoption among Kenyan entrepreneurs

At Meta, feature development increased by 36% after the AI transformation,
but the time spent resolving issues increased by 70%

Harvard conducted an experiment providing AI business mentoring to Kenyan entrepreneurs.

The following results were obtained.

  • Existing high-performing group: Business performance improved by more than 15% through the use of AI

  • Existing low-performing group: Business performance worsened by approximately 8–10% through the use of AI

Simply using AI blindly will not automatically produce results. Meaningful outcomes emerge only when you have the knowledge to make informed judgments in the relevant field.

The same applies to AI vibe coding.

You need to know software terminology and background knowledge to give AI appropriate instructions and create high-quality work.


Most of the students’ questions were related to Computer Science.

While teaching various AI vibe coding courses, I received many questions.

  • Most of the questions were not about AI, but rather about computer programming.


  • Many of the areas where students got stuck were due to not knowing essential software concepts.



What we will teach you is clear.

  • Learn the essential software concepts and how to apply them for vibe coding.

  • Learn concepts that will remain unchanged even as time passes and AI advances.

  • Everyone is busy, right? Skip unnecessary steps and learn only the knowledge you really need in a condensed format.

What makes this course different?

Starting with fundamental concepts that never change

From the building blocks of web pages—HTML/CSS/JavaScript—to React, NextJS,
and APIs and databases for backend development

Even as AI models continue to advance,
we first understand the fundamental software concepts that never change.

Client? Server? Local server? Remote server?
We’ll clarify all the confusing concepts.

Even when installing something,
we explain exactly why you need to install it.

A hands-on section where you apply what you’ve learned right away

Learning only the concepts wouldn't be meaningful, would it?
We'll show you how the concepts are applied through hands-on practice.
You'll learn how to put on the brakes when AI implements something in the wrong direction and instruct it to work in the right direction.

Quickly fill in mockup images with Codex
and examine the webpage layout.

Review database schema designs together
and develop a feel for real-world practice.

We’ll start by showing you how to deploy quickly. Show off what you’ve made to those around you.

  • I know that motivation is important for continuous learning.

  • You want to show off what you've made to others, right? We'll teach you how to deploy right from the start.

  • There are many things to consider when deploying, but let’s leave out the difficult concepts and focus on producing the result.

  • We do not use the Vercel CLI or Supabase CLI methods. If you let AI handle everything automatically, the risks of security breaches and data loss increase.

  • Rather than delegating everything to AI, you will be able to control it yourself while understanding the process from the basics.


This course was created based on FAQs.

  • We collected students’ questions from offline and online courses and turned them into data.

  • The question data became the foundation of the curriculum.

  • No overly difficult concepts! No unnecessary concepts!

  • You can learn only the concepts essential for building websites, and nothing more.


A course created based on questions from in-person students

온라인세션

Questions from online course students

Questions from live online lectures and the community forum...

Question Type Data

We categorized the questions to identify the points where students most frequently get stuck.

We use both Claude Code and Codex.

The recently released Codex Astra is demonstrating overwhelming performance.

In this way, Claude Code and Codex are developing competitively with each other.

Unlike most courses that only use Claude Code, this course uses both.

The pace of AI development is extremely rapid, so it is difficult to predict which LLM will take the lead in the future.

Rather than adapting to just one AI model, we recommend learning flexible usage so that you can switch to another LLM at any time!

Using Claude Code

Using Codex

This course will continue to be updated!

AI is advancing very rapidly. The AI models we use today and the ways we use them may become outdated six months from now.

Most of the course content focuses on concepts that are not affected by advances in AI, but we will continue to update the hands-on sections with exercises using the latest AI models.

We also plan to update the course with a variety of additional hands-on content.

If you purchase it now, you can access all future updates without paying any additional fees

Recommended for those who fit these descriptions

Those who have never coded but want to try vibe coding with AI

Those who have tried vibe coding but don't feel like they really understand what they're doing

Those who want to clearly direct the course of their work without being led by AI

  • This course is designed for beginners. We’ll walk you through everything step by step, starting with installation, so even those with no prior knowledge can follow along.

  • There aren’t that many concepts you need to know to build things properly. Learn the essential concepts, take control of your own project, and give instructions to AI.

  • If you have a solid grasp of the basic concepts, you can continue moving forward with your work at any stage.

After completing the course,

  • You can understand what the websites we see are made up of.

  • You can deploy the website you created directly to the internet. So far, every student has successfully deployed their website throughout the course.

  • You can clearly understand the definitions of ambiguous terms. You can give AI more precise instructions.

  • You can set up your own website to receive leads in real time.

  • You can learn how to use external APIs and databases to enrich your website with diverse functionality.


Recommended for
these people

Who is this course right for?

  • Those who have made something with vibe coding but feel like they don’t really know what they’re doing.

  • Those who have taken vibe coding courses but lack the foundational knowledge to properly assess good system design

  • People who want to retain full responsibility and control over the web service they created, even if they leave the coding to AI.

  • Those who are dissatisfied with the result created through vibe coding and want to upgrade it further, but feel that no matter how much they instruct the AI, it doesn’t improve.

  • Those who want to try vibe coding for the first time

Need to know before starting?

  • Basic experience creating computer documents and Excel spreadsheets

  • Internet Usage Experience

Hello
This is dotshef

Career Verified

- Engineer at Samsung Electronics Global Technology Center

- LogBlack Backend Engineer

- SK mySUNI AI Education Facilitator

- Assistant Instructor for the Korea Business Angels Association’s Gangnam-gu Prospective Entrepreneur Education Program

- Instructor for the AI Solopreneur Club Builder Track

More

Curriculum

All

103 lectures ∙ (13hr 17min)

Published: 
Last updated: 

Reviews

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

Similar courses

Explore other courses in the same field!

25% off for new members

$57.00

25%

$77.00