Vibe Coding 101: Build Apps with Claude Code
Vibe Coding 101: Build Apps with Claude Code
We are running this hands-on workshop to help both coders and non-coders learn practical ways to build and deploy real apps using one of the most popular AI tools available today, Claude Code.
🤔 What is Vibe Coding?
Vibe coding (coined by Andrej Karpathy) means building software with AI doing most of the heavy lifting. You focus on the idea, the AI helps write the code.
🛠️ However, AI-generated code can get messy fast if you are not careful. We teach best practices to keep things clean as you build.
That means instructing the AI to write modular code, keeping components small and focused with high cohesion and low coupling, having it write only what you actually need, and refactoring early before problems pile up.
⚡ Why Claude Code?
Claude Code is one of the most popular and effective AI assistant platforms that can plan, write, and fix an app on your behalf.
This workshop is accessible to both coders and non-coders and shows you how to use Claude Code effectively.
Here is a warm introduction to Claude Code: https://www.youtube.com/watch?v=eMZmDH3T2bY
💻 What You'll Build
You will leave with a fully working, deployed web app, just like this example app: Travel Buddy app.
Along the way you will cover GitHub basics, building and debugging the App with Claude Code, deploying the App with Render so people could use your app, and a mini hackathon where you get to build your own app and present it.
✅ This workshop is accessible to both coders and non-coders alike.
What to bring?
Please bring your laptop and make sure Claude Code is installed.
Please make sure you can use Claude Code - you might need to subscribe.
Please make sure you have an account on Github and have Git on your Machine.
Git is the standard command for version control that helps you keep your code safe and helps you deploy your app
Please make sure you have an account in Render (https://render.com/) - this allows you to host your app
Finally, please think about an app you want to build so you will have the most of this workshop experience
Make sure to bring a charger, and power cable (and maybe food for lunch - although there are lunch places around the area)
🗓️ Schedule
👋 9:30 – 10:00 | Welcome & Setup
🤔 10:00 – 10:30 | What is Vibe Coding?
⚙️ 10:30 – 11:00 | GitHub & Claude Code
🔨 11:00 – 12:00 | Live Build Session
🚀 12:00 – 12:15 | Deployment Essentials
🍕 12:15 – 1:00 | Lunch Break
💡 1:00 – 2:30 | Mini Hackathon
🏆 2:30 – 3:30 | Project Showcase
🧠 Facilitators
Issam Laradji (Main Instructor), Research Scientist at ServiceNow and Adjunct Professor at UBC, with 50+ publications at NeurIPS, ICML, ICLR, and CVPR.
Teaching Assistants: Nimitha Gopinath, Murilo Farias
📝 Notes
🎓 All attendees receive a Certificate of Completion
🏆 Top projects voted on by participants
🚗 Parking not provided, please arrange your own
🐾 Service animals welcome; no pets or bicycles are allowed inside