DDiscoveryVIP
DiscoveryVIP Guides

Learn by building.
Practice as you go.

DiscoveryVIP guides are self-contained, interactive learning experiences. Each guide combines clear explanations, focused lessons, practical activities, reusable templates, and progress you can save in your browser. New guides will be added here as they are released.

Explore the guides →Visit the Vibe Coding Hub
Available now

Interactive field guides

Open a guide and work through it at your own pace. Your lesson progress and activity responses remain in your browser, making it easy to return and continue.

DiscoveryVIPVibe Coding
Learning GuideV1Explore • Prompt • Build • Reflect
Interactive guide • Version 1

Vibe Coding Learning Guide V1

Learn how to collaborate with AI while keeping your goals, reasoning, testing, and understanding at the centre of the development process.

This interactive guide follows the Vibe Learning framework and helps learners turn an idea into a clearly defined project, provide useful context, divide work into reviewable steps, evaluate AI output, debug with evidence, test important behavior, reflect on decisions, and improve their next prompt. It offers a different set of activities and learning interactions from the Field Guide V2.

  • Step-by-step Vibe Coding lessons
  • Interactive planning and prompting exercises
  • Build, test, explain, and reflection activities
  • Reusable learning and development prompts
  • Progress saved privately in the browser
Launch Vibe Coding V1 →Vibe Coding resources
DiscoveryVIPVibe Coding
Field GuideV2Learn • Practice • Build • Verify
Interactive guide • Version 2

Vibe Coding Field Guide V2

A complete, practical learning experience for anyone who wants to use AI to create better software without giving up understanding, quality, or control.

The guide walks you through defining a strong project outcome, supplying useful context, writing prompts that produce reviewable work, building in small steps, debugging with evidence, testing real behavior, and preparing a responsible release. Interactive exercises turn each idea into something you can immediately apply to your own project.

  • In-depth, step-by-step lessons
  • Interactive exercises and knowledge checks
  • Reusable prompting and planning frameworks
  • Testing, debugging, security, and review workflows
  • Locally saved progress for private, self-paced learning
Launch the guide →Vibe Coding resources
DiscoveryVIPVibe Coding
GuideV3Dashboard • Review • Prompt • Capstone
Interactive guide • Version 3

Vibe Coding Guide V3

A complete interactive Vibe Learning lab that brings your lessons, review, prompt library, and capstone project together in one connected workspace.

This guide tracks mastery across 12 lessons through a live dashboard, offers a smart review mode that resurfaces concepts you need to revisit, keeps a searchable prompt library for reuse in your own projects, and ties everything together in a capstone lab where you apply what you have learned. Progress can be exported, imported, or reset at any time.

  • Mastery dashboard across 12 lessons
  • Smart review for spaced retrieval
  • Searchable, reusable prompt library
  • Guided capstone lab
  • Exportable, locally saved progress
Launch Vibe Coding V3 →Vibe Coding resources
DiscoveryVIPGoogle Apps Script
Learning Guide12Understand • Build • Test • Explain
Interactive guide • 12 lessons

Google Apps Script Learning Guide

Learn to automate Google Workspace through deliberate practice, working code, interactive labs, and AI coaching prompts that build understanding instead of replacing it.

Progress from your first function through Sheets, Docs, Drive, Gmail, triggers, Forms, Calendar, custom functions, APIs, web apps, and a production-ready capstone. Every lesson follows the Vibe Learning loop: understand, predict, build, test, explain, and reflect.

  • 12 structured, in-depth lessons
  • Working Apps Script examples
  • Build labs and knowledge checks
  • Context-rich AI prompt generator
  • Saved progress and personal review queue
Launch the guide →Apps Script articles
DiscoveryVIPJavaScript
Learning GuideJSCode • Build • Debug • Ship
Interactive guide • 12 lessons

JavaScript Learning Guide

Learn modern JavaScript by building browser applications, predicting results, testing behavior, explaining decisions, and improving with evidence.

The guide moves from values, functions, arrays, and objects into DOM rendering, events, state, async APIs, debugging, modules, local storage, accessibility, security, performance, testing, and a complete capstone project.

  • 12 structured project-based lessons
  • Modern vanilla JavaScript examples
  • Interactive build labs and quizzes
  • AI learning-prompt generator
  • Saved progress and review queue
Launch the guide →JavaScript articles
DiscoveryVIPCSS
Learning GuideCSSStyle • Layout • Adapt • Ship
Interactive guide • 12 lessons

CSS Learning Guide

Learn modern CSS by styling real interfaces, predicting how the browser will resolve rules, testing layouts at different sizes, and explaining the design choices you make.

Start with the cascade, specificity, inheritance, box model, typography, color, and reusable design tokens. Then build flexible layouts with Flexbox and Grid, create responsive and container-aware components, handle positioning and visual effects, improve forms and accessibility, organize maintainable styles, debug performance issues, and complete a responsive capstone.

  • 12 progressive, project-based lessons
  • Modern CSS examples and patterns
  • Hands-on labs and knowledge checks
  • Context-rich AI coaching prompts
  • Saved progress and review queue
Launch the guide →CSS articles
DiscoveryVIPHTML
Learning GuideHTMLStructure • Meaning • Access • Ship
Interactive guide • 12 lessons

HTML Learning Guide

Learn semantic HTML through the full Vibe Learning loop: understand, predict, build, test, explain, and reflect.

Progress from parsing and document metadata through content hierarchy, landmarks, navigation, responsive media, tables, forms, native interactions, accessibility, validation, security, resilience, and a complete semantic capstone. Each lesson includes a live HTML editor, sandboxed preview, matching and ordering activities, debugging work, retrieval practice, quizzes, reflections, and AI coaching prompts.

  • 12 in-depth semantic HTML lessons
  • Live editor and sandboxed preview
  • Matching, ordering, and debugging activities
  • Retrieval practice and AI coaching prompts
  • Saved progress, code, notes, and review queue
Launch the guide →HTML articles
DiscoveryVIPWeb Design
Learning Guide16Plan • Design • Build • Publish
Interactive guide • 16 lessons

Web Design Learning Guide

Learn web design from planning to publishing through interactive lessons, live design labs, critique challenges, and accessibility checks.

Progress through the full design process: defining project goals, planning layouts and content, applying visual design principles, building responsive pages, running critique challenges on your own work, checking accessibility, and preparing a site for publishing. Every lesson follows the Vibe Learning loop with AI coaching prompts to reinforce your reasoning along the way.

  • 16 structured, project-based lessons
  • Live design labs and critique challenges
  • Accessibility and usability checks
  • Context-rich AI coaching prompts
  • Saved progress and personal review queue
Launch the guide →Web design articles
Designed for useful learning

What makes a DiscoveryVIP guide different?

1

Learn the reasoning

Understand why a workflow works, not only which buttons to press or which prompt to copy.

2

Practice immediately

Use guided activities, reflection questions, and project exercises to apply each concept while it is fresh.

3

Keep useful results

Leave with plans, prompts, checklists, and repeatable workflows you can use in real development projects.

More guides are coming

A growing practical learning library

This directory is designed to expand. Future guides can be added as independent folders without changing their internal code, while this page provides one clear place to discover and launch them.

Suggest a guide topic →