Creating Web Services with Vibe Coding With Claude Code

From coding basics to running your own web service all at once?! Web Build All-in-One, connecting fundamentals and practical application.

Building a Full-Stack System Without Coding: Complete the entire pipeline from data collection to AI/ML analysis and web dashboards using only Korean prompts (Vibe Coding). Owning a 100% Automated Pipeline: Secure an independent stock analysis tool that sends S&P 500 screening and investment opinions via Telegram every morning. Acquiring a Practical Data-Based Investment Framework: Master institutional-level data analysis and risk management capabilities based on source code currently in actual operation.

"Why did the AI write this code?" or "Why can't it remember what I just said?" The frustration you encounter when using AI tools like Claude Code stems from not knowing how the tool actually works. This course flings open that black box. Over 25 lessons, we will build our own Coding Agent from scratch that functions exactly like real-world professional tools—giving the LLM 'eyes' to see files (Read), 'hands' to fix code (Edit), and 'feet' to execute commands (Bash). This isn't just about learning how to use a library. You will gain hands-on experience by implementing code to understand how AI perceives project structures, why it loses its memory during long conversations, and how to solve those issues technically (Sliding Window, Summary). Through this process, you will evolve from being a mere 'user' of AI tools to an 'AI provider' who understands the underlying principles and can customize and evaluate tools to fit your specific needs.

Libraries are optional, but web standard technologies are essential. Adapt to the new standard for web animation, Web Animation API, faster than others and apply it to your work right away!

Document (SDD) → Code Automation. Make the system work instead of typing prompts. Build your own AI development agent with Skills, Sub-agents, and Commands, and complete monetization services through 5 real-world projects.

We will create an SNS service similar to Twitter (X.com) using the React19 & Next15 & ReactQuery5 & Next Auth5 & MSW2 & socket.io4 & zustand stack. Finally, we will add SSR for search engine optimization!

Stop asking developers every time! Create websites and various services without using expensive outsourcing!

The ultimate profitable service: I create fortune-telling services that keep running even while I sleep. With a service built in just one week, I generated 2 million won in revenue during the first month without spending anything on advertising. My second service, built recently in just three days, generated 340,000 won in net revenue in a single day. This is not just a simple 'click-and-go' fortune-telling service. I am in charge of creating fortune-telling services for one of Korea’s leading associations of professional fortune-tellers, and I also develop and operate fortune-telling services made using IP purchased from Naver Webtoon. Starting from cases I have operated myself, this course walks you through the process of creating a high-quality fortune-telling service for your own brand by conversing with AI—even if you have no technical background. You will implement everything from characters and stories to fortune-telling results, payment and automated delivery, and an admin dashboard, then connect customer acquisition through automated Threads posts, Meta ads, and YouTube content. This is a 'real' fortune-telling course focused not just on the fun of creating, but on monetization.

"Will you make money just by building an app? No." Vibe Coding is merely a tool; the core is 'profitable planning and strategy.' This course goes beyond simple Vibe Coding technical training to reveal a practical manual for building a revenue automation system, learned firsthand by a non-developer operating 200 apps.

This course is a practical, hands-on guide for those who want to learn how to maximize development productivity in the AI era. Beyond simply learning how to use AI, we focus on how to utilize Claude Code in a real-world development environment and how to produce "proper results." Many developers use AI but still face issues such as: ❌ Inconsistent results ❌ Poor code quality ❌ Increasing project complexity To solve these problems, this course teaches you how to utilize AI as a "development partner" rather than just a tool through: ✔ Spec-based workflows ✔ Structured command systems ✔ Sub-agent and automation strategies Furthermore, you will gain the experience of completing and deploying a full application from start to finish by integrating with real-world services such as Firebase, Figma, GitHub, and Vercel.

We will apply it in practice by crawling sites such as Naver, Amazon, Twitter, YouTube, Facebook, Instagram, and unsplash.com.

Let's create a Minesweeper game that was basically installed on old Windows using HTML, CSS, and JS.

Go beyond a simple system prompt to build an AI character chatbot that remembers users and whose relationship with them evolves, using persona design and Structured Outputs. In this 30-minute hands-on session, you’ll learn how to safely call the OpenAI API based on the provided starter project, process emotions, trust levels, and memories in a verifiable format using JSON Schema and Zod, and use an AI coding agent within defined constraints.

A practical introductory course on Claude Code for Unity developers! From installing Claude Code to Unity MCP integration, managing project conventions using CLAUDE.md, custom slash commands, and collaboration workflows—we will teach you everything you need to know for real-world application. Finally, you will gain hands-on experience effectively applying Claude Code to a Unity project by building a Survivor-style game from scratch.

I will teach you Vibe Coding systematically from the ground up, following the exact curriculum refined while teaching over 10,000 students by a former Tech Lead with 10 years of experience in New York and LA startups. Together, we will build my own service, 'Kagong Map,' from scratch, learning the entire real-world workflow—from research, development, and deployment to operation and automation by delegating tasks to AI agents. I promise you two things: first, you will grasp the big picture of how a service operates so you can judge the AI's output yourself; second, you will learn how to embed workflows and standards into the environment so the AI produces consistent results every time. When you make the judgments and the AI follows orders effectively, your ideas become real services.

A three-in-one class where you can create web games and learn front-end web development skills! This class has been created to teach you how to create games using JavaScript, CSS, and HTML with your own ideas!

Starting from a blank starter app, you’ll build a fully functional investment analysis workflow by manually adding 65 nodes for stock screening, VCP pattern analysis, supply-and-demand tracking, backtesting, AI commentary, and Telegram alerts. This hands-on course teaches you how to connect AI-generated code to real app features and complete your own analysis pipeline covering both the Korean and U.S. stock markets.

It’s an easy and fun click-through lesson. You can use it as a reference for the direction of your portfolio.

Learn the basic concepts and principles essential to web development through hands-on practice.

Evolve Obsidian beyond a simple notepad into a personal knowledge database, and build an AI assistant that understands your notes and documents using Claude Code. Create your own workflows to automate repetitive tasks, completing a knowledge system where your daily work and learning compound over time and transform into your own unique expertise.