Bite-Sized Vibe Coding - From Basics to Real-World Deployment (Claude & Cursor)

Vibe coding is fast, but it's so fast that it's easy to skip over the foundations. For those who want to understand 'why it works' when looking at AI-generated code — we highlight the 8 core essentials (Terminal, Web, Deployment, Version Control, DB, Authentication, etc.) needed for steady vibe coding and the order in which to learn them. Even if it's your day 0 of coding, you can follow along!

Master JavaScript and React all at once with this course, covering everything from core concepts to unique projects. An all-in-one, 18-hour course designed for short learning and long application!

The 3rd installment of the "One Bite" series! This is the world's most friendly and detailed Next.js course. We will explore not only the App Router but also the Page Router through hands-on projects.

Go beyond syntax to understand the principles and concepts—if TypeScript still feels confusing no matter how much you study, it's time to learn it properly! We will turn you into a TypeScript Wizard🧙🏻‍♀️.

Now it's time to take on a real-world challenge 🔥 We will develop a production-grade SNS using React.js + TypeScript + Supabase, building features such as authentication & authorization, infinite scroll, image uploads, likes, infinitely nested comments, and dark mode. In the process, we will also explore server and global state management techniques using Zustand and Tanstack Query.

Upgrade your React app with Zustand, Tanstack Query, and Tailwind CSS! We guide you through the core concepts and usage of various tools so that you can take on even complex projects.

This will be the definitive guide to Claude Code. This course dives deep into how and why Claude Code works, teaches you how to directly apply the components of harness engineering, and even dissects actual production code. Take the know-how of a developer with over 10 years of experience and transform into a key talent in the era of AI agents.

Explore → Plan → Implement → Commit. Master a proven AI development workflow with Claude Code. Learn everything from MCP and sub-agents to prompt engineering through 23 missions, and complete 3 real-world projects.

This is a tutorial-style Claude code development course that even beginners and those new to development can easily follow. Based on experience teaching offline classes for planners, designers, and non-developers, you can learn everything in a single flow, from basic examples not found in books to intermediate development projects. You will experience the step-by-step development process using Claude code, starting from "Hello World" to a lucky draw, a device-optimized cafe menu management web page integrated with Excel data, and even a SaaS web application ready for database and cloud deployment. Tutorials are provided in stages—theory, practice, and projects—allowing you to master AI-collaborative development methodologies through 6 levels of practice and experience the full development cycle, including cloud deployment and operation.

The time when your imagination becomes reality—we invite you to the world of 'Vibe Coding.' We have prepared this lecture for those of you who "don't know coding, but know exactly what you want to create." With the emergence of AI like ChatGPT and Claude, people say anyone can develop. But what happens when you actually try? - "It writes simple code well, but as the number of files increases, the AI forgets the previous context." - "It looks plausible, but it throws errors when executed, and when I ask to fix it, it gives even weirder code." You’ve likely had this experience at least once. I also experienced the same frustration when I first collaborated with AI. AI was an excellent 'assistant,' but it had limitations in seeing the big picture. However, after discovering the OpenAI Codex CLI and mastering a new method called 'Vibe Coding,' my development process changed completely. This lecture will solve the problems you are facing and transform you from a coder into a director who commands AI agents. Equip yourself with the powerful tool called Codex CLI and join me on an exhilarating journey of Vibe Coding to turn your imagination into reality.

Non-Majors Welcome: Real-World Vibe Coding Projects Created Through Conversations with AI

Deterministically control AI agents through a 5-layer harness architecture and 4 workflow layers, and immediately apply a scalable project structure to real-world practice. (Based on Claude Code, but the same principles apply to other AI tools.)

This course teaches the essential CS knowledge required for web development using AI. If you don't understand the principles of servers, databases, and deployment, "Vibe Coding" will inevitably hit a wall at some point. Through interactive textbooks, you will quickly learn essential concepts, enabling anyone to complete a web project using Vibe Coding.

Design a modern 3-tier web service with AI and develop it using only "Vibe Coding," then deploy it to an AWS environment to complete a fully functional production service! We have included the entire sequence of configuration processes so you can experience core AWS services used in the industry—such as Amplify, CloudFront, ALB, EC2, S3, and RDS—in a single workflow.

AI agents, the latest trend in generative AI! How to stay ahead with Cursor, which handles all your development tasks, and MCP, which expands its capabilities!

From coding basics to launching your own app all at once?! The App Build All-in-One, connecting fundamentals and practical application.

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

It doesn't stop at just following along with an example game. You will learn the entire process based on an actual release project—from game planning and development to mobile builds, AdMob ad integration, and registration on One Store, Google Play, and the App Store—all through ChatGPT and Codex-based Vibe Coding.

How did Assistant Manager Kim, who worked overtime every day, become a "leave-on-time pro" in just 1 hour? The secret to reclaiming your "clock-out time" Staying up all night because an Excel formula broke, or having an entire report ruined by a single typo—every office worker has experienced this at least once, right? This course was designed to put an end to that "recurring pain." You don't need to memorize complex coding syntax. We utilize Cursor AI, an AI-powered tool that writes code based on text commands, and Streamlit, which allows anyone to easily create websites. I have captured the entire process of solving the "pain points" I personally faced in the field—such as merging files by branch, automatically classifying items for repair, and generating infinite PDF certificates—all by "conversing" with AI without typing a single line of Python code yourself. By the end of this course, you will be reborn not as a mere office worker, but as a "Digital Transformation Expert" who revolutionizes your team's work efficiency.

This course is for non-developers who want to learn Claude Code but found the official documentation filled with developer jargon and YouTube tutorials focused only on "vibe coding" (app/web development), making it hard to understand how to apply it to practical business automation. We explain concepts using comics and simple analogies, conduct hands-on practice in a desktop app environment without using the terminal, and demonstrate the entire process from start to finish through three real-world business automation examples: task automation, creating product detail pages, and automating card news, blogs, and short-form content.

This is a practical OpenAI Codex course for both non-developers and developers. You will easily learn everything from basic usage to building websites and programs, task automation, harness engineering, and advanced features, while developing the ability to master new features on your own using the latest official documentation.

No coding knowledge required, build your very first service with Google Stitch An all-in-one AI development workflow that connects everything from planning to deployment in a single stream

Have you never coded before? Or are you already skilled? If your self-made game is on your self-made homepage, isn't that cool? We prepared this course for such people.

Vibe coding is fast, but it's so fast that it's easy to skip over the foundations. For those who want to understand 'why it works' when looking at AI-generated code — we highlight the 8 core essentials (Terminal, Web, Deployment, Version Control, DB, Authentication, etc.) needed for steady vibe coding and the order in which to learn them. Even if it's your day 0 of coding, you can follow along!

It's an era where you can create apps even without knowing how to code. If you have an idea, you can implement the features you want by conversing with Claude Code. This book introduces a new development approach where you communicate with AI to achieve desired results, rather than writing code directly. Through 15 hands-on projects, you'll experience various workflows with AI, from creating personal web pages to handwriting recognition, quiz apps, image-based recommendations, AI summarization, Notion automation, and cloud deployment. Rather than simply following examples, this provides an experience of completing the entire real-world development process—from planning, design, testing, to deployment—in collaboration with AI.

This is a process for completing IoT products without complex coding, using the Vibe Coding methodology powered by AI agents. You can experience the entire product development cycle in a condensed format—from embedded hardware control and AI vision recognition to PCB design, 3D printing, and web/app service development—allowing you to launch functional, commercial-grade IoT devices.