Hands-On Workshop · about 1 hour
No coding required. Learn what HTML, CSS, and JavaScript each do, then have the AI you already use build it — with Ari beside you.
Start Free See the Big IdeaFree · ~1 hour · 6 short sections · Any AI works
You won't write the code — your AI does the typing. Your job is knowing which job you want, so you always know what to ask for. That's the whole skill, and it works on every website on the internet.
The content: words, headings, lists, pictures, buttons. HTML says what each thing is — not how it looks.
Colors, fonts, spacing, layout. You'll borrow a whole professional design system — Bootstrap — with a single line.
Anything that moves or reacts: "when this happens, do that." You'll add an animated chart and a confetti button.
The same simple loop, every step of the way.
Ari tells you what to aim for. You ask your own AI for it, in your own words — and Ari coaches you if something important is missing.
Your whole page lives in one file, index.html. Whether you paste in your AI's answer or your AI tool writes the file itself, Ari shows you how.
Refresh your browser and watch the change appear. If it doesn't look right, tell Ari what you see and it gets you unstuck.
Six short hands-on sections, about an hour total — in one sitting or several, it saves your place. No test, no certificate. Just a page you made and the know-how to keep changing it.
If "HTML" sounds intimidating, you're exactly who this is for. We start from a blank folder.
You never write code by hand. You learn what each part does and ask your AI for it in plain English.
ChatGPT, Gemini, Claude, Copilot, Kiro CLI, Claude Code — any of them works, and a free account is plenty.
Ari gives you one clear thing to do, tells you what you should see, and waits. Your pace, as many sittings as you like.
Bootstrap, one of the most widely used design libraries on the web, gives your page a real designed look.
Your own data animating into a chart. Confetti on click. Scroll effects and a typewriter headline if you want more.
Every library we use is free and public, and this workshop costs nothing. Built by a nonprofit.
A written path, an AI beside you, and progress you control.
Ari isn't making it up as it goes. The path is authored ahead of time:
A printed tutorial can't see your screen. Ari can react to what you tell it:
No score is guessing at what's in your head. Progress is a record of what you did:
Ari is an AI language model. It's a great guide for this — but a few habits make it work far better.
Real details make the page — and the chart of your own numbers — feel like yours. That's where the fun is.
Set it once at the start. It saves you from guessing where a snippet goes — the most common beginner headache.
Knowing it's HTML, CSS, or JavaScript tells you exactly how to phrase the request — and how to describe a problem.
Both Ari and your AI fix things fastest when you say exactly what's on screen.
Bootstrap, Chart.js, and the confetti load from the internet each time the page opens. Offline, your page will look plain.
Ari and your own AI can both sound confident and be wrong — or use an outdated version of a library. If something looks off, say so and ask for a fix.
Don't put passwords, addresses, or anything private on your page or into your AI chat. A hobby page doesn't need them.
A free account with any AI covers everything here. Ari will never push you toward a paid plan or a particular tool.
We're a nonprofit, not an ad company. We will never monetize your information.
No spam emails. No newsletters. We'll never fill your inbox.
Your data is never sold, rented, or shared with third parties. Ever.
No Google Analytics. No ad cookies. No retargeting. We don't build profiles on you.
A single session cookie keeps you logged in. Disappears when you close the browser.
Want your data gone? One email and we wipe everything. No hoops.
In about an hour you'll have a real web page — professional look, animated chart, confetti and all — and you'll know exactly how you made it. Open the AI you already use; Ari walks you through the rest.
Start FreeAll tools available on your phone — free on Google Play
Disclaimer: AI Bridge Foundation provides a free, general self-study support tool. ChatGPT, Gemini, Claude, Copilot, Kiro, Claude Code, Bootstrap, Chart.js, and js-confetti are products or projects of their respective owners and are not affiliated with AI Bridge Foundation. Responses are AI-generated and may be inaccurate or wrong. Progress here is your own confirmation that something worked, not a measurement of skill. 100% free — no fees, no work contract, no consideration required.