Start here
Learning path
Go from zero to a published app by building five small, real apps. Each lesson adds one new idea on top of the last, so they're best done in order.
about 80 minutes in totalbeginner friendly
The lessons
0 of 6 done
- 1Your first appStart hereA scratchpad that saves itself. Learn the shape of every VibeOS app.vos.appvos.fs 10 min
- 2To-do listStore a list as JSON, draw it on screen and save every change.vos.fsJSON 15 min
- 3Markdown notesWork with real files in the user's Documents folder.permissionsreadDirrenamewatch 20 min
- 4AI chatAdd hosted AI with no API keys, and handle plan and credit limits.vos.aicanUse 15 min
- 5Live weatherCall a web API safely and show live data.vos.netnetwork permission 15 min
- 6Publish your appSave, submit for review and ship updates to everyone.App Center 5 min
How each lesson works
See the end result
Open the finished app in the IDE with one click, so you know where you're heading.
Build it in steps
Short steps, each with a checkpoint that tells you what you should see.
Make it yours
Small exercises at the end, with hints and solutions if you get stuck.
What you need
- A web browser. The lessons use the free VibeOS IDE, so there's nothing to install.
- Some HTML and JavaScript helps, but every line of code is explained.
- A VibeOS account for Lesson 4 (AI uses your plan) and Lesson 6 (publishing).
Prefer your own editor?
Every lesson app also runs on your computer. Follow Your own editor to set up, then paste the lesson code into your index.html.