AI Vibe Coding for Beginners: Hands-On Workshop to Build a Website with AI

Want to learn vibe coding and build real websites with AI? In this beginner-friendly workshop, you will turn plain-language prompts into working websites using 3Edit. You will learn how to write clear prompts, review what the AI builds and improve it until it matches your brief. You will also see how to use these skills for clients or your own projects.

Format: Hands-on workshop. Bring a laptop and follow along live. No coding experience required.

Who is this workshop for?
Complete beginners, creators, freelancers, marketers, small business owners and aspiring web design agency owners. No programming or web design experience is needed. Essential technical concepts are explained as we go.

Part 1: Learn to build websites with AI

1. What vibe coding is and how AI website building works. See how natural-language instructions guide AI to build and modify websites. Learn to write clear prompts, review the results and improve your instructions when the output needs work.
2. Web design fundamentals. Understand layout, typography, colour, navigation and mobile responsiveness, and how clear messaging and calls to action help visitors take the next step.
3. Frontend and backend essentials. Learn the difference between what visitors see and the systems working behind the scenes. Explore how forms, databases, customer accounts and integrations fit together, and when a project needs them.
4. Hands-on builds: a service website and an online store. Use 3Edit to turn a brief into pages, refine the design and check key journeys such as enquiries, bookings or purchases, where configured.

Part 2: Turn your skills into client work

5. Find potential clients and present your services. Define your ideal client, identify businesses that could benefit from a new website and write personalised outreach messages. Learn to explain your value, set a clear project scope and prepare a simple proposal.
6. Promote your work on social media. Turn your projects into portfolio content, demonstrations and useful tips, with a manageable posting plan that shows potential clients what you can do.
7. SEO for websites. Learn the foundations of keywords, page titles, content structure, internal links and local business content. Understand how to build SEO into a project and set realistic expectations with clients.

Your practical project
Build two portfolio projects, a service website and an online store, plus a draft service package, a client outreach message and a social media content plan.

What you will take away
Hands-on experience building websites with AI, two portfolio examples and a clear starting process for offering web design services to businesses.

Spots are limited, register now!