inflearn logo

Learning Web Development Concepts and Vibe Coding from Zero Base

In the era of swift execution and validation, execute faster than anyone with VIBE Coding! Achieve complete monetization, from ads to payments, all by yourself.

(4.8) 50 reviews

510 learners

Level Beginner

Course period Unlimited

React
React
Web Application
Web Application
Next.js
Next.js
cursor
cursor
AI
AI
React
React
Web Application
Web Application
Next.js
Next.js
cursor
cursor
AI
AI

Reviews from Early Learners

Reviews from Early Learners

4.8

5.0

antivimeo

100% enrolled

The explanation of backend and frontend concepts early in the lecture was good. It felt like the concepts were starting to click. Junior PM/PO professionals focused on service planning will certainly find it helpful too. As for the subsequent project lectures, I didn't follow along; I just quickly watched them while exercising. I initially tried to, but figured the instructor's implementation methods and error cases would likely differ from mine anyway. My plan is to quickly skim through the projects first, even if I don't fully understand them, and then rewatch them later for reference. Thank you for the good lecture.

5.0

토니야

100% enrolled

I encountered VibeCoding for the first time through this course, and following along with the live coding alongside the instructor's careful explanations was very helpful for understanding the concepts.

5.0

kelo

100% enrolled

It was a really easy and useful lecture! I honestly knew nothing about coding, but now that I've finished the lecture, I can even build my own blog and create and deploy a small community! I rarely paid for online paid lectures, maybe once a year if that, but after happening to take [AI] 프롬프트만으로 아이디어 구현하기_바이브코딩 입문, I gained tremendous confidence and ended up taking this lecture too. Following the instructor's lectures is easy, and something just starts working, and they give the perfect answers to questions right away! Now I'm looking forward to the instructor's next lecture! Regardless of age or gender, even if you know nothing about coding! The big advantage of this lecture was that you can create services that help with work or when a small idea comes to mind in your daily life! Instructor, please offer your next lecture soon~

What you will gain after the course

  • Web Application Development using VIBE Coding

  • Monetization via ad and payment modules

  • Quick & Easy Frontend Dev & Design using v0

  • Vibe Coding using Cursor IDE

  • Next.js Vercel Deployment

Recommended for these people

  • If you have a ' best idea ' in your head,

  • Or if you dream of a ' second salary ' coming in every month

  • And if you want to learn AI, coding, and service implementation all at once ,

This course will be perfect for you.

'I'm illiterate when it comes to coding...'

It's okay if you don't know anything about coding !

  • 👽 : Coding seems like a foreign language and difficult!

    → In this lecture, we will only use AI and the 'Korean prompt (command)'.

  • 😭 : I tried learning coding before, but it was too difficult, so I gave up.

    → Anyone can learn ‘Vibe Coding’ with ease.

  • 💻 : Can I create a web app if I don't know how to design web?

    → We will even teach you how to design with AI.

📊 Why should you learn 'Vibe Coding' now?

What I'm learning now is,

This is Vibe Coding, which is changing the “future of development.”

Vibecoding is not just 'no code'.

A new way of developing that collaborates with AI .


Create a service with just a command,

An era where the entire process, from planning to distribution, can be automated.

Here, the technology at the center of the flow,

Learn vibe coding.

💡 Using Vibe Coding

  • Development time is significantly reduced for both beginners and veterans.

  • 💻 Let AI do the complex code writing for you.

  • 📈 You can focus solely on planning and operation.

  • 💰 You can create services that generate revenue, such as advertising and payments.

📌 You can do it after taking this course

  • I can create a real web service with my idea.

  • Monetization is possible through advertising, payment, and subscription models.

  • You will learn how to develop collaboratively with AI.

  • You will get to use the tools used in the field directly.

  • We can complete your service from distribution to operation .


💡 Course Features

  • Learn the entire process: frontend + backend + infrastructure + monetization.

  • For complete beginners, we'll teach you step by step.

  • There are many AI-based, practical, vibe-based coding exercises implemented.

For service planning / implementation / operation

Learn only what you actually need, efficiently.


📚 Curriculum

From planning → development → distribution → monetization

It's designed to help you learn by turning your ideas into real-world services .

  1. Prototyping with AI

  2. Front-end development using Cursor IDE

  3. Processing data with Supabase

  4. Pasting Ads: AdSense Practice

  5. Link payment with Toss Payments

  6. Building an SEO Automation Tool

  7. Deploying & Operating Services

📚 Hands-on Project

Project

SEO Tip Generator

Portfolio website

Blog service

Revenue-generating web apps

Learning

OpenAI API, Node.js Utilization

Static Web Development with Cursor IDE

v0 + Supabase, ad insertion

Payment function integration, freemium configuration

💰 As a practical monetization lecture…

  • How to Insert Ads (Google AdSense)

  • Payment Integration (Toss Payments)

  • Designing a freemium revenue model (credit-based)

  • Building an automated SEO optimization tool

    You can learn the back.

CautionIf security is weak, server costs may explode?”

“You’re saying that all the SEO you worked so hard to set up could be for nothing?”

We've carefully included tips on how to avoid mistakes you might make when creating your first service.

💡 Learn the tools of practitioners


We've carefully selected tools that are used directly in practice.

classification

Main tool

Front-end

Backend

Version control

design

AI API

equipment

Cursor IDE (AI Coding)

HTML, CSS, JavaScript, TypeScript, React.js, Next.js

Supabase (BaaS), Infrastructure Configuration Tips

Git (essential for version control and collaboration)

v0 (no-code UI design)

Includes instructions for using the OpenAI API

It's not about following a project and ending it,

It is structured so that it can be used continuously and applied.

Now, shall we begin?


The world is now asking different questions.

The question of 'how to make it' is gradually decreasing,

We are asking ourselves more, 'What should we do?'


No more “I don’t know how to code”

You don't have to put off ideas.


This course is not just a tutorial,

This is a journey to create your first product together .

  • Ideas in your head → Real-world web apps

  • Planning → Implementation → Distribution → Monetization

Now, experience your ideas become a service .

Let's start together.

👨‍💼 Instructor Introduction

I've been teaching coding for over 6 years.
Developer & Instructor, Shin Je-yong.

  • Master's degree in Electronic Engineering from Sogang University (Best Thesis Award)

  • Many online courses, including Fast Campus and Zero Base

  • AI lectures for companies such as LG Innotek

  • Special PCCE lectures for universities including Ewha Womans University

  • A practical mentor with experience in AI, web development, and data science.

💡 Please check before taking the class

  • This course is designed so that even complete beginners can follow along.

  • Because it utilizes AI tools , it may be different from traditional coding education.

  • This is a practical curriculum designed with real-world monetization in mind.

Recommended for
these people

Who is this course right for?

  • For those new to coding

  • Learn Vibe Coding while making your own?

Need to know before starting?

  • No prior knowledge is required.

Hello
This is jeyong

708

Learners

72

Reviews

38

Answers

4.8

Rating

2

Courses

Taking the first step toward a six-figure salary together

They say being diligent isn't enough and that you must be competent;
I aim to lead diligent people toward becoming competent ones.


Experience

  • (Current) 6th-year coding/programming instructor

    • Python / Coding Test / Artificial Intelligence / Backend / Frontend / Data Science / Java, etc.

      Lectured at educational institutions such as Fast Campus and Zero Base Guest lecturer at universities including Ewha Womans University and Seokyeong University Corporate trainer for companies such as LG Innotek Conducted English lectures for LG Innotek Vietnam branch, etc. (

    • Guest lecturer at educational institutions such as Fast Campus and Zero Base

    • Guest lecturer at universities including Ewha Womans University and Seokyeong University

    • Lectured at corporations including LG Innotek

    • Conducted lectures in English for LG Innotek Vietnam and other branches

  • (Current) Deep Learning Developer at AI startup 'VoyagerX'

  • (Former) Deep Learning Consultant to the CTO at LG Innotek
    (Former) Software Researcher at LG Innotek


Education

  • Master of Science in Electronic Engineering (Image Processing/Artificial Neural Networks), Sogang University, 2015 Best Thesis Award winner

  • B.S. in Electronic Engineering, Sogang University, 2013 Graduated with highest honors (summa cum laude)

    Education M.S. in Electronic Engineering, Sogang University (Image Processing/Artificial Neural Networks), 2015 Best Thesis Award B.S. in Electronic Engineering, Sogang University, 2013 Summa Cum Laude


Portfolio: https://abel.even-my-dogs.com

More

Curriculum

All

56 lectures ∙ (7hr 39min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

50 reviews

4.8

50 reviews

  • juda018919님의 프로필 이미지
    juda018919

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    The instructor explained things really easily. It was a great help. Thank you.

    • jeyong
      Instructor

      I'm glad it was a lot of help! :) Thank you. Have an enjoyable development life~!

  • jinhyuck85041479님의 프로필 이미지
    jinhyuck85041479

    Reviews 3

    Average Rating 5.0

    5

    39% enrolled

    Um. This myapp thing, listening to the lecture without it set up, was confusing. If you could provide examples, I think I could actually follow along and try.

    • jeyong
      Instructor

      Thank you for the review! :) Regarding the part related to myapp, are you perhaps referring to the git practice? If so, you can fill the main content of a.md with whatever content you like and follow along! :) For example, the a.md file after writing only # My Cool App it is sufficient to test by changing it to # My Hot App ! Please note that the rest of the necessary parts are structured so you can follow along step-by-step in the lecture~! :)

  • jhkim8268님의 프로필 이미지
    jhkim8268

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    It was a good lecture that allowed me to quickly learn only the important things.

    • jeyong
      Instructor

      Thank you for the valuable review! :)

  • newbop1477님의 프로필 이미지
    newbop1477

    Reviews 2

    Average Rating 5.0

    Edited

    5

    89% enrolled

    Thinking about the time I used Namo Web Editor, I really feel how much the world has changed. Thank you, I saw a new world.

    • jeyong
      Instructor

      Thank you for your review! :)

    • jeyong
      Instructor

      Since you've been using NAMO Web Editor, you must have been doing web development for a really long time! It reminds me of playing around with NAMO Web Editor when I was in elementary school~ Since it was helpful, I'm actually the one who's grateful :)

  • antivimeo7062님의 프로필 이미지
    antivimeo7062

    Reviews 2

    Average Rating 5.0

    Edited

    5

    100% enrolled

    The explanation of backend and frontend concepts early in the lecture was good. It felt like the concepts were starting to click. Junior PM/PO professionals focused on service planning will certainly find it helpful too. As for the subsequent project lectures, I didn't follow along; I just quickly watched them while exercising. I initially tried to, but figured the instructor's implementation methods and error cases would likely differ from mine anyway. My plan is to quickly skim through the projects first, even if I don't fully understand them, and then rewatch them later for reference. Thank you for the good lecture.

    • jeyong
      Instructor

      Thank you for the review! :) I'm glad the lecture's intent was well conveyed! I hope you have a pleasant development career! :)

    • Oh, and you can listen to the lecture at 1.7x speed without any issues. The instructor's voice is still clear 😆😆

Similar courses

Explore other courses in the same field!

$93.50