New AI Voice Course Mentoring: courses that call you to practise what you learn. AI Voice Mentoring how it worksSee how it works →

AI (Actually Intelligent)

Vibe Coding: Build HTML Artefacts Fast and Easily

Course Advanced About 5 hours

AI (Actually Intelligent)

Course

Vibe Coding: Build HTML Artefacts Fast and Easily

Advanced About 5 hours

Standard

£4.99

The full course, yours to keep.

Purchase

Voice Mentor Upgrade

£19.99

The course, plus four mentoring calls.

Purchase

For people who want to make useful HTML pages, tools and mini apps with AI, without needing to be programmers. Start by turning an idea into a working HTML artefact, setting up a simple build-and-test workflow, and writing product briefs and build prompts that request accessible, responsive and safe defaults. Practise a build, test and refine process, explain bugs and changes clearly, and keep working features intact. Build form tools, trackers or planners that save progress, information or landing pages, and small purpose-built artefacts. Finish with a quality pass, intentional interface improvements, straightforward sharing or publishing, and a plan for your next three artefacts.

Topics HTML AI Prompt Engineering No‑code Development Web Mini Apps Rapid Prototyping

What you will learn

Turn a simple idea into a working HTML page by prompting AI and testing iteratively
Build a clean HTML artefact using the eight-step prompt pattern that includes accessible, responsive defaults
Run a rapid build-test-refine loop to fix bugs and improve functionality one change at a time
Create a form-driven calculator that validates input and returns instant, jargon-free results
Add a persistent tracker or planner that retains user data across page refreshes
Perform a 10-minute quality pass and polish the interface with spacing, typography and feedback cues

5 modules · 22 lessons · first lesson free to preview

What Vibe Coding Is—and What You Can Build This Week Build functional landing pages, calculators or planners this week by directing AI, testing and refining, without line‑by‑line coding.

The Anatomy of an HTML Artefact See how HTML, CSS and JavaScript combine into a single file you can run locally, and instantly grasp each layer’s purpose. Unlocks on purchase

Set Up a Friction-Free Build-and-Test Workflow Create a repeatable AI‑editor‑browser loop that saves, versions and tests HTML instantly, so you never lose a working page again. Unlocks on purchase

Recap Quiz: 1. Start Vibe Coding: From Idea to Working HTML Confirm your grasp of turning ideas into functional HTML and spot any gaps before moving ahead. Unlocks on purchase

Turn an Idea into a Tiny Product Brief Pinpoint your target user, core job, and essential features to craft a lean, testable product brief that cuts out wasted AI assumptions. Unlocks on purchase

Use a Reliable HTML Build Prompt Pattern Create flawless HTML drafts every time with a proven eight-step prompt template and a clear strong-vs-weak prompt comparison. Unlocks on purchase

Ask for Accessible, Responsive, and Safe Defaults Get AI to produce HTML that’s already keyboard‑friendly, high‑contrast, mobile‑ready and privacy‑safe, so you skip costly accessibility fixes. Unlocks on purchase

Recap Quiz: 2. Prompt for Better First Drafts Confirm your grasp of top drafting prompts and cement key techniques with a quick quiz. Unlocks on purchase

Run the Build–Test–Refine Loop Turn a rough HTML draft into a reliable prototype by testing, noting failures and tweaking one thing at a time. Unlocks on purchase

Describe Bugs and Changes So AI Can Fix Them Craft crystal-clear bug reports that give AI exact steps, expected results and constraints, so fixes arrive fast and reliably. Unlocks on purchase

Protect What Already Works Make AI tweaks safely by preserving a working copy, limiting changes, and checking output to avoid lost buttons or broken styles. Unlocks on purchase

Recap Quiz: 3. Iterate Like a Product Builder Confirm your ability to iterate like a product builder and cement key concepts with a quick quiz. Unlocks on purchase

Create a Useful Form-Based Tool Turn a simple form into a powerful calculator that validates inputs, runs logic and delivers instant, jargon‑free answers. Unlocks on purchase

Create a Tracker or Planner That Saves Progress Build a persistent browser tracker that lets users add, edit, filter and keep data across refreshes, boosting daily habit keeping. Unlocks on purchase

Create a Polished Information Page or Landing Page Craft a high-converting one-page site that guides visitors from curiosity to action with clear hierarchy, concise copy and responsive design Unlocks on purchase

Combine Patterns into a Small Purpose-Built Artefact Create a lean, purpose‑built page that pairs clear info with one focused action, like RSVP or estimate, so visitors convert instantly Unlocks on purchase

Recap Quiz: 4. Build Useful Mini Apps and Pages Boost confidence by testing your knowledge of building useful mini apps and pages Unlocks on purchase

Do a Practical Quality Pass Ensure your HTML work works flawlessly for real users with a quick 10-minute quality pass, checklist and mobile testing tips. Unlocks on purchase

Make the Interface Feel Intentional Add instant polish with spacing, typography and feedback rules, so your UI feels deliberate and earns user trust. Unlocks on purchase

Share the HTML File or Publish It Simply Pick the quickest delivery route: single HTML file or simple static hosting, and hand off a ready‑to‑use tool without extra steps. Unlocks on purchase

Plan Your Next Three Artefacts Gain momentum by planning three repeatable artefacts, using a backlog template and checklist to ship useful improvements fast. Unlocks on purchase

Recap Quiz: 5. Polish, Share, and Ship Your First Artefact Confirm you’ve nailed polishing, sharing and shipping your first artefact, so you can move forward with confidence. Unlocks on purchase

How it works

Two ways to take the course

Both include every lesson. Standard stops there. Voice Mentor adds four phone calls, on days you choose.

Standard

£4.99

The full course, yours to keep. Lessons built from a mix of interactive sections.

Flash cards
Visuals & Imagery
Written prompts
Quizzes
A certificate at the end

Voice Mentor

£19.99

Everything in Standard, plus four mentoring calls on days you choose.

Every lesson, flash card, table, prompt, and quiz
The certificate at the end
Four phone calls
You pick the days
A chance to practice out loud

Why it works

A mentor, just for you

Every call starts from where you are. No recapping, no repeating yourself, no starting over.

It picks up where you left off

Nothing you say gets lost. Each call builds on every one before it, so you keep moving forward instead of going over old ground.

Time goes on your weak spots

It knows the questions you skipped and the quiz answers you missed, so the call is spent where it helps most.

It meets you at your level

Flying through? It pushes you further. Finding it tough? It slows down and tries another way in.

It keeps you on track

Every call is about the part of the course you are on now, not wherever a chat happens to wander.

It makes it stick

Putting an idea into your own words, out loud, turns "I read that" into "I know that".

How it works

From checkout to your first call

No app to install and no link to click. It is a normal call to your phone.

Step 1

Buy the upgrade

Voice Mentor includes the whole course, so there is nothing else to buy.
Step 2

Pick your time

Add your number and choose when the first call rings. The rest follow a week apart.
Step 3

Answer and talk

It quizzes you on that part of the course and gets you explaining it in your own words.
Step 4

Each call builds

The next call is briefed with everything from the calls before it.

Side by side

Our AI Voice Mentor Vs. ChatGPT

ChatGPT is there when you open it and type. Voice Mentor rings you, and it already has this course.

ChatGPT Voice Mentor

Who starts it ✗You open it and type ✓It calls you, when you chose

What it knows ✗Only what you paste in ✓This course and all your work

Memory ✗Each new chat starts at zero ✓Every earlier call, in full

Structure ✗No plan unless you make one ✓A quarter of the course per call

How you learn ✗Easy to skim and feel done ✓You explain it out loud

Cost ✗A monthly subscription ✓£19.99 once, course included

FAQs

A few straight answers

Anything else? Read more about voice mentoring.

Yes. A normal call to your phone number. There is no app to install and no link to click. You just answer.

No. The lessons are yours to read. The call is you explaining the ideas in your own words, while it asks questions and builds on what you say.

Not on its own. Before each call it is sent the summary and full transcript of every call you have had on this course, so nothing gets lost between them.

The course is split into four parts, in order. Each call focuses on the next part, with the rest of the course there for context.

You can still take the call. It sees which prompts you have answered and how long you spent on each lesson, and works from there. It goes better if you have read that part first.

If you know you will be busy, move it before it rings. If one slips past, get in touch and we can usually rebook it. The next call still picks up from everything you have done.

You pick the day and time of the first call. The other three are booked a week apart after it, and you can move any upcoming call to a time that suits you.

It is used only to place your mentoring calls. It is never shared or used for marketing.

For about ninety seconds. Then it is just practice. It does not judge and it does not get bored.

No. Voice Mentor is the full course plus the four calls. Standard is the same lessons, without the phone.

Ready to learn something new?

The same lessons either way. Add the calls if you want someone to make you say it out loud.

Buy Standard Buy the Voice Mentor Upgrade

Vibe Coding: Build HTML Artefacts Fast and Easily

What you will learn

Two ways to take the course

£4.99

£19.99

A mentor, just for you

It picks up where you left off

Time goes on your weak spots

It meets you at your level

It keeps you on track

It makes it stick

From checkout to your first call

Buy the upgrade

Pick your time

Answer and talk

Each call builds

Our AI Voice Mentor Vs. ChatGPT

A few straight answers

Ready to learn something new?

The education school forgot

Skills you will actually use

Lessons that hold your attention

A mentor that calls you

Pay once, keep it