🤖 AI & IT Training
Intro to Vibe Coding — Build a Website with AI, No Coding Required
In 4 hours, you walk out with a website address in your own name — zero coding knowledge, all you need is a laptop and Korean. The goal is for everyone to finish, from building the screens to storing data and publishing online
⏱ Training hours4 hours
🏢 FormatOn-site delivery · Customized design
👤 InstructorJohn Kim
✅ Key outcomeOne outsourced project pays for 74 months of tools — your team goes from requesting quotes to building it in-house
You don’t need to know a single line of code: speak in Korean and the AI writes the code. In this 4-hour hands-on training, every participant builds their own website with Claude and Claude Code, connects a feature with Firebase that actually saves visitor input, and publishes it worldwide with GitHub Pages. Completing all of that is the finish line. A simple website costs at least KRW 2 million (≈ US$1,500) to outsource, while the tool used in this course costs KRW 27,000 (≈ US$20) a month — the price of one outsourced job covers 74 months of the tool. We measure success by deployment completion rate, not satisfaction scores. We move to the next step only after confirming that everyone has passed each of the 8 gates, and we provide 6 prompt cards, a progress sheet, and a glossary so participants can repeat the same method after returning to work. After deployment, the session closes with a team mission in pairs and presentations. All you need is a laptop that can install software and the ability to speak Korean. (4 hours total, including 2 breaks)
💻 Start learning this topic with an online course →Who is this course for?
This course is for business professionals with no coding experience at all. It mainly targets non-developer roles such as planning, marketing, operations, and HR, and no coding knowledge is needed. All you need is a personal laptop that can install software, and Korean. We recommend a class size that allows the instructor to circulate during hands-on practice, and we run the sessions in pairs.
What will you learn?
- Build and publish a real website address (github.io) in your own name on the internet — a result you can put on your business card
- Connect, with Firebase, a feature that actually saves data entered by visitors, and verify that it is stored
- Learn a repeatable way of working — “build it by instructing the AI” — through 6 prompt cards, so you can repeat it on your own after the training
- Build a practical feel for the 24 core concepts that appear in today’s exercises, including LLMs, coding agents, Git, and deployment (a linked glossary is provided)
- Apply what you learned in the team mission to a real work idea and build it, then share results with each other through presentations
Curriculum
Module 1: How AI writes code and setting up your tools (1 hour)
- Opening — KRW 2 million (≈ US$1,500) outsourcing vs. KRW 27,000 (≈ US$20) a month: the planner is now the builder · a short interview about the site you want to build
- The LLM is the brain, the coding agent is the hands — why this used to be hard, and why a single chat window is enough now
- Download Claude → log in → open the Code tab, hands-on for everyone · ✅ Gate 1: The “Code” tab is visible
- Git and GitHub — a game save file and an online storage locker · setup and linking · ✅ Gate 2: Restart and confirm it is recognized · ✅ Gate 3: Run "Upload to GitHub"
Module 2: Build your intro site — create by talking, revise by talking (1 hour)
- How the web is structured — the visible screen (front end) and the gears (back end), and a 3-stage map of what we build today
- Build your intro site by entering the prompt cards as written
- "Make the title bigger," "Change the background color" — practice revising by speaking in Korean
- ✅ Gate 4: Your intro page appears in the browser · ✅ Gate 5: The code is uploaded to your GitHub repository
Module 3: Saving data and deploying — publish a working site to the world (1 hour)
- The 'two managers' analogy — where and how is data stored?
- Create a Firebase project with your existing Google account → connect it to your site → verify data is saved · ✅ Gate 6: the dashboard appears · ✅ Gate 7: the submitted value shows up in the database
- Publish worldwide with GitHub Pages · set up automatic updates so later edits go live on their own
- ✅ Gate 8: Your github.io address appears — course complete, and you record your site address on the progress sheet yourself
Module 4: Team mission and presentations — apply the method to your own work (1 hour)
- Team mission in pairs — build a site for a real work idea (team intro, event notice, simple sign-up page, etc.) using the method learned today
- Team presentations and peer feedback — show what you built and share the prompts you used to “tell the AI what to do”
- Wrap-up — 3-line summary and full-map review · 1-week follow-up assignment · next steps (vibe coding with API extensions, 8-hour practical deep dive) · Q&A
Tools used in this course
Expected results / After the course
- One outsourced project pays for 74 months of tools — your team goes from requesting quotes to building it in-house
- A guaranteed deliverable — everyone must pass all 8 gates before moving on, so each participant leaves with the address of a live website
- Repeatable skills — prompt cards, a progress sheet, and a glossary are provided, so what participants try once in the classroom becomes a way of working they can repeat back at their desks
About the instructor
John KimInstructor John Kim, author of “B2B Marketing Design” and CEO of Nanum ConsultingView profile →
Related courses
Recommended online courses
Start with an Online Course
Before you book on-site training, preview the essentials of this topic in an online course.
AI · Online Courses
Claude Cowork · Hands-On Basics
An introductory hands-on course for building work tools that run on plain conversational instructions.
KRW 59,000 (≈ US$44)89,000View Course →
AI · Online Courses
Practical AI for Corporate Instructors
Use AI in your daily work, from lesson prep to content creation.
KRW 59,000 (≈ US$44)89,000View Course →
We tailor this course to your company
From diagnosis to execution — Nanum Consulting
FAQ
This course is for business professionals with no coding experience at all. It mainly targets non-developer roles such as planning, marketing, operations, and HR, and no coding knowledge is needed. All you need is a personal laptop that can install software, and Korean. We recommend a class size that allows the instructor to circulate during hands-on practice, and we run the sessions in pairs.
No. Speak in Korean and the AI writes the code. In the exercises, you enter the prompt cards on your desk as written, and you make edits by speaking, such as "make the title bigger." We move on only after everyone has passed each of the 8 gates, so no one gets stuck or left behind.
Yes. The “Code” feature of Claude used in the exercises does not open on a free account, so a Claude Pro subscription ($20 per month, about KRW 27,000 (≈ US$20)) is required. You can subscribe before the training and cancel afterward. Free accounts are enough for GitHub and Firebase. ※ Claude pricing may change according to Anthropic’s policy. (Pro is $20 per month as of August 2026)
It works with any account that has permission to install programs. Some environments block installation, so please check in advance, and also confirm that claude.ai · github.com · firebase.google.com are reachable on your corporate network. If installation or access is difficult, we suggest alternatives through prior consultation. A pre-briefing guide for the training manager (including a ready-to-send template and a training room checklist) is provided separately at contract signing.
We quote training fees individually, based on group size, hours, and location. The 'KRW 27,000 (≈ US$20) per month' shown on this page is not the training fee; it is the subscription cost of the tool participants use in the exercises (Claude Pro). Message us and we reply within 24 hours.
The standard format is 4 hours, including the team mission and presentations. We also offer a 3-hour intensive format that skips the team mission and goes through to deploying a personal site, and a 2-hour short format that is demo-focused and covers only the core flow. We adjust it to your organization’s goals and schedule.
Intro to Vibe Coding — Build a Website with AI, No Coding Required
In 4 hours, you walk out with a website address in your own name — zero coding knowledge, all you need is a laptop and Korean. The goal is for everyone to finish, from building the screens to storing data and publishing online
Training objectives
- Build and publish a real website address (github.io) in your own name on the internet — a result you can put on your business card
- Connect, with Firebase, a feature that actually saves data entered by visitors, and verify that it is stored
- Learn a repeatable way of working — “build it by instructing the AI” — through 6 prompt cards, so you can repeat it on your own after the training
- Build a practical feel for the 24 core concepts that appear in today’s exercises, including LLMs, coding agents, Git, and deployment (a linked glossary is provided)
- Apply what you learned in the team mission to a real work idea and build it, then share results with each other through presentations
Expected results
- One outsourced project pays for 74 months of tools — your team goes from requesting quotes to building it in-house
- A guaranteed deliverable — everyone must pass all 8 gates before moving on, so each participant leaves with the address of a live website
- Repeatable skills — prompt cards, a progress sheet, and a glossary are provided, so what participants try once in the classroom becomes a way of working they can repeat back at their desks
Curriculum
Module 1Module 1: How AI writes code and setting up your tools (1 hour)
- Opening — KRW 2 million (≈ US$1,500) outsourcing vs. KRW 27,000 (≈ US$20) a month: the planner is now the builder · a short interview about the site you want to build
- The LLM is the brain, the coding agent is the hands — why this used to be hard, and why a single chat window is enough now
- Download Claude → log in → open the Code tab, hands-on for everyone · ✅ Gate 1: The “Code” tab is visible
- Git and GitHub — a game save file and an online storage locker · setup and linking · ✅ Gate 2: Restart and confirm it is recognized · ✅ Gate 3: Run "Upload to GitHub"
Module 2Module 2: Build your intro site — create by talking, revise by talking (1 hour)
- How the web is structured — the visible screen (front end) and the gears (back end), and a 3-stage map of what we build today
- Build your intro site by entering the prompt cards as written
- "Make the title bigger," "Change the background color" — practice revising by speaking in Korean
- ✅ Gate 4: Your intro page appears in the browser · ✅ Gate 5: The code is uploaded to your GitHub repository
Module 3Module 3: Saving data and deploying — publish a working site to the world (1 hour)
- The 'two managers' analogy — where and how is data stored?
- Create a Firebase project with your existing Google account → connect it to your site → verify data is saved · ✅ Gate 6: the dashboard appears · ✅ Gate 7: the submitted value shows up in the database
- Publish worldwide with GitHub Pages · set up automatic updates so later edits go live on their own
- ✅ Gate 8: Your github.io address appears — course complete, and you record your site address on the progress sheet yourself
Module 4Module 4: Team mission and presentations — apply the method to your own work (1 hour)
- Team mission in pairs — build a site for a real work idea (team intro, event notice, simple sign-up page, etc.) using the method learned today
- Team presentations and peer feedback — show what you built and share the prompts you used to “tell the AI what to do”
- Wrap-up — 3-line summary and full-map review · 1-week follow-up assignment · next steps (vibe coding with API extensions, 8-hour practical deep dive) · Q&A
About the instructor
John Kim, Lead Instructor
10 years in industry · 15 years teaching (3,000+ lectures)
Education
· MBA (advanced major: Marketing), Korea University Graduate School of Business (graduated)
· Sungkyunkwan University Consultant Program (completed)
· Sogang University Graduate School of Business, Short-Term MBA (completed)
· Seoul National University Lifelong Education Instructor Development Program (completed)
· Chung-Ang University, B.A. in English Language and Literature (graduated)
Experience
· Current: CEO, Nanum Consulting
· Formerly at Hyosung Corp., Daeduck Electronics and Shinhan Diamond: overseas assignments and strategic planning (10+ years)
· Current partner instructor, Expert Consulting
· Current: Partner instructor, PSI Consulting
· (Current) Partner instructor, Korea SMEs and Startups Agency and SME Training Institute
Credentials and publications
· Certified consultant
· Certified teacher
· Completed official IDEO Design Thinking training
· B2B Marketing Design (1 Apr 2025)
· The Chinese Diamond Tool Market: Present and Future (co-authored, Korea Tool Association)
· Battles That Changed History and Innovative Weapons (in progress)