DiscoveryVIP learning library

Find your next
“I can do that.”

Pick a skill. Try it hands-on. Leave with something useful.

82 interactive guides5 topic collectionsYour pace browser-based learning

Explore the guides

82 guides available

Web development

JavaScript DOM 100 — Interactive Interface Lab

Build living interfaces through 100 DOM lessons, editable JavaScript, live page experiments and practical projects.

Beginner to Intermediate
What you’ll learn

Twenty chapters from selecting nodes to component lifecycle, forms, keyboard interaction, async rendering and observers.

Live DOM explorer, console, 210 authored behavior checks, knowledge questions, saved drafts and learning notes.

Ten worked projects, a full handbook and downloadable standalone pages.

  • 100 lessons
  • Live DOM experiments
  • Behavior checks
  • Ten projects
Open guide
Web development

HTML & CSS 100 — Interactive Build Lab

Build real pages through 100 interactive HTML and CSS lessons, live previews, browser checks and visual experiments.

Beginner to Intermediate
What you’ll learn

Twenty chapters covering semantic HTML, forms, typography, Flexbox, Grid, responsive design and accessibility.

Editable HTML and CSS, 189 targeted checks, knowledge questions, notes and saved drafts.

Four visual experiments, five final projects and downloadable pages and course reference.

  • 100 lessons
  • Live page previews
  • Visual experiments
  • Five projects
Open guide
Apps Script

Google Apps Script 100 — Interactive Automation Studio

Learn built-in Apps Script methods through 100 lessons, simulated Google services, editable examples and practical automation projects.

Beginner to Intermediate
What you’ll learn

Twenty chapters covering Sheets, Drive, Docs, Forms, Calendar, drafts, HTTP, properties, locks and triggers.

Service traces, before/after state, a sheet inspector, context coach and event explorer.

Bound and standalone guidance, saved progress, reference book and five Google-ready project starters.

  • 100 lessons
  • Built-in methods
  • Service simulations
  • Automation projects
Open guide
Web development

JavaScript 100 — Interactive Learning Studio

Learn JavaScript through 100 runnable lessons, 210 behavior checks, visual experiments and five project challenges.

Beginner to Intermediate
What you’ll learn

Twenty chapters from first values through promises, algorithms and application state.

Editable examples, predictions, tips, saved drafts and transparent code checks.

Array visualizer, DOM discovery, event-loop explorer and downloadable projects.

  • 100 lessons
  • Live JavaScript
  • Visual labs
  • Five projects
Open guide
AI

Claude Code Launchpad — 50 Interactive Lessons

Get started with Claude Code through a guided practice project, 50 lessons, a safe terminal trainer and hands-on review challenges.

Beginner
What you’ll learn

Ten beginner-friendly chapters from setup to a verified capstone.

Interactive brief builder, bug-fixing demo, diff detective and terminal practice.

Downloadable Study Sprint project, learning notes, bookmarks and progress backups.

  • 50 lessons
  • Claude Code
  • Guided practice
  • Downloadable project
Open guide
AI

AI Model Router & Cost Optimization Lab

Compare AI responses, design routing rules and explore quality, latency and cost with transparent experiments.

Intermediate
What you’ll learn

Ten starter experiments and ten practical learning modules.

Visual routing rules, four strategy simulations and editable pricing assumptions.

Recorded-response evaluation, budget forecasts and optional server-side Gemini testing.

  • Model routing
  • Cost forecasting
  • Quality evaluation
  • Strategy simulation
Open guide
AI

AI Document-to-Data Automation Studio

Turn documents into reviewed, structured data. Define fields, inspect evidence, correct errors and export spreadsheet-ready records.

Intermediate
What you’ll learn

Ten fictional templates and nine practical learning modules.

Visual schemas, local PDF/CSV/JSON parsing, source evidence and deterministic validation.

Human review, transformation previews, extraction comparison and JSON/CSV/XLSX exports.

  • Document extraction
  • Source evidence
  • Human review
  • Spreadsheet exports
Open guide
AI

AI Reliability & Evaluation Lab

Test AI before you trust it. Build datasets, inspect failures, compare versions and document evidence-based release decisions.

Intermediate
What you’ll learn

54 original test cases across six application types and nine categories.

Deterministic graders, separate human reviews and optional Gemini judge assessments.

Versioned datasets, observable agent traces, regression gates and exportable reports.

  • Evaluation runner
  • Failure investigation
  • Version comparison
  • Learning academy
Open guide
AI

RAG Knowledge Intelligence Studio

Follow your documents from source to evidence. Import text and PDFs, inspect chunks, compare retrieval and evaluate a grounded knowledge workflow.

Intermediate
What you’ll learn

Five fictional collections and 30 reference questions.

Four chunking strategies, exact source passages, keyword search and optional Gemini vectors.

Twelve guided missions, comparison experiments, evaluation reports and private local projects.

  • Document ingestion
  • Chunk explorer
  • Evidence search
  • RAG evaluation
Open guide
AI

AI Workflow Architect & Agent Orchestrator

Design, simulate, debug and evaluate AI workflows with visual nodes, approvals and ten runnable templates.

Intermediate
What you’ll learn

Inspect dependency-aware execution, conditional routes, bounded loops, parallel branches and typed validation.

Use local simulation or configure a protected server-side Gemini gateway and approved service requests.

  • Visual workflow editor
  • Ten simulation templates
  • Execution debugger and evaluations
  • Human approvals and checkpoints
  • Workflow and runnable code exports
Open guide
Web development

HTML5 Canvas Maze Workshop

Build a turn-based maze adventure through 50 lessons, a visual tile editor, keys, gates and patrolling enemies.

Beginner friendly
What you’ll learn

Learn canvas drawing, grid movement, inventory, puzzle logic, patrols, map validation and undo.

Paint levels, test routes, play your design and export a standalone HTML game.

  • 50 interactive lessons
  • Keyboard-friendly visual level editor
  • Undoable turn-based maze game
  • JSON import/export
  • Playable HTML game downloads
Open guide
Web development

JavaScript Game Workshop

Create playable JavaScript games through 50 interactive lessons, editable rules and five mini projects.

Beginner friendly
What you’ll learn

Ten chapters cover game state, canvas, motion, input, physics, collisions, feedback, levels and reliable systems.

Play each experiment, step one frame at a time, test your rules and export complete HTML games.

  • 50 lessons and knowledge checks
  • Playable canvas experiments
  • Keyboard and touch controls
  • Five mini games
  • Saved progress and exports
Open guide
JavaScript

JavaScript DOM Discovery Studio

Make pages come alive with 50 interactive DOM lessons, a live code workspace and five mini projects.

Beginner friendly
What you’ll learn

Ten chapters cover selection, updates, events, forms, accessibility, state and interface projects.

Edit JavaScript, run browser checks and inspect the live DOM tree.

  • 50 hands-on lessons
  • Live page experiments
  • DOM explorer
  • Saved progress and HTML exports
Open guide
AI

Vibe Coding Academy

Build with AI and understand your work through 50 self-guided lessons and five learning paths.

Beginner friendly
What you’ll learn

Ten units from a testable brief to release and independent practice.

Worked examples, knowledge checks, saved artifacts and project milestones.

  • 50 lessons
  • Five learning paths
  • Interactive repair lab
  • Downloadable workbook
Open guide
Web development

JSON Learning Studio

Learn JSON through 16 hands-on lessons with real syntax validation, a data tree, JSON Pointer inspection and repair exercises.

Beginner friendly
What you’ll learn

Practice objects, arrays, types, nesting, escaping and application data contracts.

Format and compare data, detect duplicate names and unsafe integer values, and export your work.

  • 16 editable lessons and knowledge checks
  • Live parser, data tree, JSON Pointer and value comparison
  • Format/minify, JSON downloads, notes and portable backups
Open guide
AI

Vibe Coding Build Studio

Learn to plan, build, debug and review AI-assisted apps through 24 practical lessons and a hands-on project-brief workbench.

Beginner friendly
What you’ll learn

Practice defining a small first version, writing coding prompts, inspecting changes and verifying behavior before release.

Review iterations, classify specification claims and choose essential features for a fictional study-task board.

  • 24 lessons and knowledge checks across four build phases
  • Coding-brief builder, iteration comparisons and eight scope decisions
  • Specification review, release checklist, journals and local backups
Open guide
AI

AI Skills Studio

Learn to use AI through 24 practical lessons, a prompt workbench, manual response comparisons and evidence-checking exercises.

Beginner friendly
What you’ll learn

Build useful habits for choosing tasks, providing context, learning with AI, drafting work and reviewing claims.

Compose prompts, compare actual responses you paste, classify fictional evidence and keep a personal learning journal.

  • 24 lessons and knowledge checks across four learning paths
  • Structured prompt builder and two-version manual response comparison
  • Evidence desk, local notes, reports and portable backups
Open guide
Web development

JavaScript Build Studio

Learn JavaScript through 24 guided builds with editable code, real execution, changeable input data and practical project views.

Beginner friendly
What you’ll learn

Build a habit dashboard, checkout calculator, quiz engine and playable adventure while learning reusable JavaScript logic.

Explore returned values, console output, edge cases and state transitions; download source or standalone HTML demos.

  • 24 lessons and knowledge checks across four project paths
  • Isolated JavaScript execution, fixture tests and editable JSON input
  • Adventure choices, source exports, notes and progress backups
Open guide
Apps Script

Google Apps Script Build Studio

Learn built-in Google Apps Script services through 24 guided builds, editable scripts and interactive local Workspace simulations.

Beginner friendly
What you’ll learn

Build spreadsheet reports, meeting documents, review-first Gmail drafts and automation controls.

Practice bound and standalone scripts, inspect resource changes and method traces, then download code with Google setup instructions.

  • 24 guided builds and knowledge checks across four workflows
  • Seven data scenarios, repeated-run checks and isolated code execution
  • Script downloads, setup notes, learning journal and progress backups
Open guide
Web development

HTML & CSS Build Studio

Build four real websites through 24 guided HTML and CSS missions with editable code, live previews and checks of the actual browser output.

Beginner friendly
What you’ll learn

Create a personal card, café website, event invitation and portfolio while learning structure, typography, forms, Flexbox, Grid and responsive design.

Inspect rendered elements, apply visual CSS adjustments, explain each concept and export your own working pages.

  • 24 guided builds and knowledge checks across four cumulative projects
  • Sandboxed live preview, responsive browser checks and visual style inspector
  • Website downloads, undo/redo, learning journal and portable progress backups
Open guide
Web development

Web Accessibility Rescue

Rescue a fictional festival website through ten interactive accessibility repairs, real browser checks and short knowledge challenges.

Beginner friendly
What you’ll learn

Explore three districts and repair contrast, labels, headings, keyboard controls, errors and more.

Compare original and repaired scenes, follow clues and export reusable HTML patterns with a personal learning report.

  • Ten live repair scenes and knowledge checks
  • Mission map, worked examples and searchable field guide
  • Standalone HTML exports, notes and local backups
Open guide
Web development

CSS Motion Lab

Learn web animation with a visual keyframe studio, scrubbable timeline, easing comparisons, 12 lessons and six hands-on missions.

Beginner friendly
What you’ll learn

Adjust real CSS animations and inspect browser-computed transform and opacity values.

Compare easing, practice reduced-motion alternatives and export working CSS or a standalone HTML demo.

  • Visual keyframe editor and real animation timeline
  • Twelve lessons and six practice missions
  • CSS/HTML export, notebook and local backups
Open guide
AI

AI Context Lab

Learn to give AI the right information with source-card experiments, context budgets, 12 short lessons and eight practical missions.

Beginner friendly
What you’ll learn

Explore three fictional scenarios and inspect exactly which source facts fit into a task packet.

Compare versions, spot pre-labeled conflicts and build an exportable brief with a verification checklist.

  • Interactive source selection and context budget
  • Twelve lessons and eight transparent practice missions
  • A/B packet comparisons, brief exports and saved progress
Open guide
Learning skills

Google Workspace Everyday Lab

Learn everyday Google Workspace tasks through 24 plain-language lessons and six friendly, interactive practice labs.

Beginner friendly
What you’ll learn

Organize a fictional workshop using Gmail, Drive, Docs, Calendar, Sheets and Forms.

Practice safely, understand your choices and keep a personal learning notebook.

  • 24 short lessons and searchable answers
  • Six interactive practice missions with feedback
  • Saved progress, JSON backups and useful exports
Open guide
Web development

Web Debugging Escape Room

Restore a miniature web city through twelve real-browser repair challenges covering layout, accessibility and JavaScript logic.

Beginner friendly
What you’ll learn

Twelve rooms pair adjustable experiments with browser behavior checks, progressive clues and explanation questions.

Keep a personal repair notebook, restore progress from JSON and download standalone HTML examples.

  • Real layout, DOM, contrast and JavaScript checks
  • Three districts, 36 clues and 12 knowledge questions
  • Saved progress, field-guide export and runnable examples
Open guide
Design

Branching Scenario Studio

Build interactive learning journeys with a visual story map, images, quizzes, feedback and multiple endings.

Beginner friendly
What you’ll learn

Four complete editable scenarios and ten practical authoring guides.

Connect screens visually, test routes, save local projects and export a standalone playable website.

  • Drag-and-connect story map with keyboard editing
  • Images, quiz answers, points and score-gated paths
  • Editable JSON, SVG maps, storyboards and playable ZIP exports
Open guide
AI

AI Agent Builder Studio

Design visual agent workflows, simulate decisions, inspect approvals and test local tools without an API.

Beginner friendly
What you’ll learn

Ten editable templates and ten guided lessons.

Visual node editor, variable mapping, branching, regression tests and portable exports.

  • Human approvals and bounded loops
  • Local project saving and snapshots
  • JSON, SVG and runnable JavaScript exports
Open guide
Web development

Vibe App Builder Studio

Turn an idea into a blueprint, customize a working starter, edit real source and export a browser application.

Beginner friendly
What you’ll learn

Nine working starters, an editable roadmap and eight guided learning stages.

Sandboxed previews, local projects, code snapshots, manual AI prompts and runnable ZIP exports.

  • Tasks, notes, quizzes, habits, expenses, dashboards and more
  • Source editor, design tokens and structural checks
  • IndexedDB projects, JSON backups and deployment guidance
Open guide
Web development

Debugging Detective Lab

Follow evidence, test hypotheses and verify real JavaScript fixes through twelve guided debugging cases.

Beginner friendly
What you’ll learn

Twelve case files and twelve lessons on debugging habits.

Step through changing values and types, keep investigation notes and export reproducible bug reports.

  • Executable candidate fixes and regression checks
  • Variable trace explorer with prediction practice
  • Local notebook, report builder and portable backups
Open guide
AI

AI Prompt Builder Lab

Turn ideas into clear prompts, refine them transparently and keep reusable workflows in a private local library.

All levels
What you’ll learn

120 editable templates, 12 practical lessons and 30 challenges.

Quick and advanced builders, rule-based optimization and manual response comparisons.

  • Live preview in text, Markdown, XML and JSON
  • IndexedDB library, version history and backups
  • Prompt recipes, structure scoring and learning progress
Open guide
AI

AI Learning Lab

Build clear prompts, investigate claims and explore decision tradeoffs through practical AI learning simulations.

Beginner friendly
What you’ll learn

12 guided lessons, three evidence cases and a reusable prompt builder.

Adjust a toy classifier threshold, inspect errors and export a personal workbook.

  • Prompt builder with three practice briefs
  • 18 evidence judgments and a decision-threshold lab
  • Lesson checks, local progress, backups and workbook export
Open guide
Web development

Canvas Game Academy

Learn Canvas and build a complete platformer through 50 lessons, visual drawing, collision and animation labs, and playable exports.

Beginner friendly
What you’ll learn

A level editor, physics controls, checkpoints, eight code challenges and playtest reports.

Explore Canvas recipes, sprite frames, collision boundaries and tunneling, then export real source.

  • 50 lessons, eight code challenges and eight guided milestones
  • Drawing, collision, sprite-animation and physics experiments
  • Playable game export, source archive, handbook and validated project backups
Open guide
Web development

Web Performance Lab

Explore loading timelines, image budgets and render dependencies through interactive performance experiments.

Beginner friendly
What you’ll learn

Ten guided lessons and six scenario challenges.

Compare a baseline, model image sizing and export a practical action plan.

  • Interactive loading timeline and bottleneck feedback
  • Image size experiment and baseline comparisons
  • Saved notes and downloadable improvement plan
Open guide
Web development

Regex Learning Lab

Find, extract and transform text with real JavaScript regex, visible matches and guided pattern challenges.

Beginner friendly
What you’ll learn

12 hands-on lessons and eight example-driven pattern challenges.

Inspect captures, preview replacements and export reusable JavaScript.

  • Live match highlighting and capture inspector
  • Worker timeout, replacement preview and JavaScript export
  • Guided experiments, saved progress and portable backups
Open guide
Web development

CSS Layout Playground

Learn Flexbox, Grid and responsive layout through a live visual studio, 16 lessons and eight design challenges.

Beginner friendly
What you’ll learn

Explore real browser layout, spacing, wrapping and rendered card dimensions.

Export your own HTML layout and keep your progress with portable backups.

  • Live Flexbox and Grid controls with generated CSS
  • Eight layout challenges and 16 guided lessons
  • Content stress testing, dimension inspector and HTML export
Open guide
Web development

Node.js Backend Lab

Build backend intuition with 24 lessons, eight API missions, a visual event-loop explorer and a runnable Node.js task server.

Beginner friendly
What you’ll learn

Trace requests, validate JSON and learn practical HTTP contracts.

Download a dependency-free project with real HTTP tests and a guided capstone.

  • Interactive task API with request history and eight missions
  • Virtual event-loop timeline and 24 guided lessons
  • Runnable Node project, saved progress and progress backups
Open guide
Web development

TypeScript Confidence Lab

Repair real type errors, inspect inferred types and build runtime data validators with a local TypeScript compiler.

Beginner friendly
What you’ll learn

24 lessons and eight editable compiler missions build on your JavaScript knowledge.

Compare static types with runtime validation through a narrowing explorer and API contract builder.

  • Real TypeScript compiler with diagnostics and JavaScript output
  • Eight type-repair missions and visual narrowing experiments
  • Configurable API validator, source exports and saved learning progress
Open guide
Web development

React App Builder Lab

Build a real React task board and discover how components, state, keys and Effects work through hands-on experiments.

Beginner friendly
What you’ll learn

24 practical lessons, six guided milestones and eight tested code challenges.

Includes a real bundled React runtime, component inspector and offline app export.

  • Live task-board builder with customizable props and visible state
  • Interactive state queue, key identity and Effect lifecycle labs
  • Saved learning progress, project backups and editable JSX export
Open guide
Web development

Skybound Game Development Studio

Build and export your own platformer with a visual level designer, physics playground and guided game-development course.

Beginner friendly
What you’ll learn

Create a complete small browser game through eight guided milestones and 30 lessons.

Experiment with jumping, gravity, checkpoints, collision detection and playtesting.

  • Visual level editor with undo/redo and three starter worlds
  • Physics explorer, debug stepping and eight code challenges
  • Playtest route viewer, project backups and standalone HTML game export
Open guide
Web development

Game Creation Lab

Build a playable browser game, design levels and discover what makes games engaging.

Beginner friendly
What you’ll learn

Create Crystal Courier through an eight-stage guided walkthrough.

Experiment with movement, collisions, difficulty and player feedback.

  • 30 game-design lessons and knowledge checks
  • Playable prototype, level editor and collision explorer
  • Playtest notebook and standalone game export
Open guide
Google Workspace

Google Workspace Learning Studio — 50 Lessons

Build practical Workspace skills with 50 lessons, workday challenges, sharing guidance, Gmail search practice and workflow planning.

Beginner friendly
What you’ll learn

An independent local learning environment with synthetic messages and downloadable planning drafts. No Google account connection is required.

  • 50 lessons across ten Workspace topics
  • Ten decision challenges and a direct-role sharing coach
  • Search builder, meeting planner, workflow puzzles and saved progress
Open guide
Google Workspace

Google Sheets Learning Studio — 50 Lessons

Learn Sheets through 50 lessons, editable formula practice, reference exploration, reusable function recipes and dashboard exercises.

Beginner friendly
What you’ll learn

A local teaching environment for formulas and pure JavaScript, with clear guidance for advanced features that must run in Google Sheets.

  • 50 lessons across five chapters with knowledge checks
  • Editable formula grid, named-function builder and custom-function code lab
  • Reference explorer, live dashboard, progress backups and full handbook
Open guide
Web development

HTML5 & Canvas Beginner Lab

Learn canvas from HTML setup to animation and interactive charts with 24 lessons, editable previews and a visual shape explorer.

Beginner friendly
What you’ll learn

Draw shapes, text, images and pixels, then explore transforms, pointer input, accessibility and high-resolution rendering.

  • 24 runnable examples and knowledge checks
  • Visual shape controls with PNG and code export
  • Saved drafts, progress backups and complete handbook
Open guide
Web development

JavaScript Quest — Beginner Coding Adventure

Help Pip restore an island lighthouse through 15 beginner coding missions, real JavaScript checks and friendly hints.

Beginner friendly
What you’ll learn

Learn strings, numbers, decisions, arrays and loops while earning beacons and unlocking three island chapters.

  • 15 guided missions with 45 code checks
  • Unlimited retries, progressive hints and worked solutions
  • Saved adventure, progress backups and downloadable handbook
Open guide
Web development

JavaScript DOM & Events Lab

Build buttons, forms, live search and dynamic lists through 20 real-browser workshops and a visual event-flow explorer.

Some experience helpful
What you’ll learn

Editable JavaScript runs against focused HTML fixtures in isolated previews with practical behavior checks.

  • 20 workshops and 40 behavior checks
  • Live DOM preview, downloadable examples and handbook
  • Capture and bubbling explorer, notes and progress backups
Open guide
Web development

JavaScript Async Lab

Master promises and async/await with 20 runnable challenges, a request timeline and event-loop prediction puzzles.

Some experience helpful
What you’ll learn

Practice failures, partial results, retries and stale-response handling with isolated local fixtures.

  • 20 challenges with 60 result checks
  • Sequential versus concurrent request simulator
  • Step-by-step output predictions, notes and progress backups
Open guide
Web development

JavaScript Array & Object Lab

Run real JavaScript through 20 data challenges, custom JSON inputs, visual pipelines and a copy detective experiment.

Some experience helpful
What you’ll learn

Three test cases per challenge check both returned values and input preservation inside an isolated browser worker.

  • 20 executable challenges with empty and edge cases
  • Visual filter/map/sort/reduce pipeline with code export
  • Copy inspector, custom JSON runs and saved progress
Open guide
Web development

Git & Version Control Lab — 24 Missions

See exactly what staging, branching, stashing and recovery change through a visual single-file Git practice model.

Beginner friendly
What you’ll learn

An isolated browser model compares working, staged and committed snapshots alongside a live ancestry graph. No real repository is connected.

  • 24 missions with goal checks and guided step playback
  • Interactive reset comparison, commit inspector and command map
  • Undo experiments, save notes, export progress and download the handbook
Open guide
AI

AI Mastery Lab — 30 Interactive Lessons

Learn to use AI with clear task briefs, evidence checks and hands-on experiments that make classification tradeoffs visible.

Beginner friendly
What you’ll learn

Thirty lessons connect AI fundamentals, useful prompts, source checking and practical workflow design. All activities use local demonstrations, not a connected model.

  • 30 explained knowledge checks with saved notes
  • Prompt workbench and six-claim evidence challenge
  • Interactive classifier thresholds, metrics and downloadable experiments
Open guide
Apps Script

Apps Script Automation Lab — 30 Workshops

Learn built-in Apps Script methods through editable code, visible Workspace simulations and useful bound and standalone projects.

Beginner friendly
What you’ll learn

Practice with fictional Sheets, Drive, Docs, Gmail and Forms data. Follow service calls and inspect each result before moving to Google.

  • 30 guided workshops with behavior checks
  • Visual range explorer and searchable method map
  • Saved drafts, notes, progress backups and downloadable handbook
Open guide
Web development

SQL & Database Explorer

Run real SQL through 30 guided workshops, four connected tables, visual joins and practical revenue-reporting challenges.

Beginner friendly
What you’ll learn

A self-hosted SQLite engine runs read-only queries locally. Inspect table relationships, missing values and result rows without an account.

  • 30 executable query challenges with expected results
  • Visual INNER and LEFT JOIN explorer
  • Saved queries, notes, result exports and progress backups
Open guide
Web development

Python Mastery Lab — 50 Lessons

Run real Python through 50 guided exercises, five projects, prediction questions, debugging missions and visual data experiments.

Beginner friendly
What you’ll learn

Includes a bundled browser Python runtime, test feedback, editable code, custom inputs, saved drafts and portable progress backups.

  • 50 runnable lessons across 10 chapters
  • CSV, JSON, dates, classes and practical data tools
  • Prediction arcade, bug missions and step-by-step visualizers
Open guide
Web development

Web Developer Mastery Lab — 50 Workshops

Build real HTML, CSS and JavaScript interfaces through 50 workshops with editable previews, responsive viewport controls and page checks.

Beginner friendly
What you’ll learn

Progress from semantic HTML and forms to CSS layouts, accessible controls and interactive DOM projects. Export standalone pages and save course backups.

  • Separate HTML, CSS and JavaScript editors
  • 50 browser-based workshop checks and reference implementations
  • Phone, tablet and desktop previews with manual review checklist
Open guide
Web development

JavaScript Mastery Lab — 50 Lessons

Write and run real JavaScript through 50 guided lessons, visible test cases, useful projects and a step-by-step loop visualizer.

Beginner friendly
What you’ll learn

A language-focused coding studio with isolated, time-limited execution, editable drafts, hints, explained solutions and portable progress backups.

  • 50 runnable challenges across 10 chapters
  • Five practical data and UI-logic projects
  • Saved drafts, notes, progress and downloadable handbook
Open guide
AI

AI for Google Sheets: Workflow Lab

Clean, categorize and review spreadsheet feedback through 12 lessons, a working data lab and three reusable AI prompt recipes.

Beginner friendly
What you’ll learn

Practice with fictional records and transparent keyword rules. Compare classification policies, review labels and export an honest summary. No live AI account is connected.

  • Interactive cleaning, duplicate detection and category review
  • Live charts based only on reviewed records
  • Downloadable reports, prompts and learning handbook
Open guide
AI

MCP for Beginners: AI Tool Lab

Understand how AI applications connect to tools through 12 lessons, six practical challenges and a visual tool-call simulator.

Beginner friendly
What you’ll learn

Explore discovery, input contracts, permissions and result handling using a fictional task service. No live MCP server or AI account is connected.

  • Repair tool calls and follow each execution step
  • Design, validate and download a tool contract
  • Saved lesson checks, notes and challenge progress
Open guide
Apps Script

Apps Script + Gemini Lab

Connect a spreadsheet to Gemini through 16 guided lessons, six response experiments and a complete downloadable starter.

Beginner friendly
What you’ll learn

Practice locally with labeled response fixtures, then build a real, manually run Sheets assistant in Google Apps Script.

  • Prompt and payload workbench with response inspection
  • Blocked output, incomplete generation and API error coaching
  • Built-in Apps Script methods, review steps and a downloadable Code.gs
Open guide
Web development

API Request Lab

Learn how requests become responses through a working local API simulator, 16 lessons and eight practical missions.

Beginner friendly
What you’ll learn

Build GET, POST, PATCH and DELETE requests. Inspect status codes, headers, JSON and changes to a fictional task collection. No network requests or real credentials are used.

  • Eight verified missions with coaching feedback
  • Request history, generated fetch examples and exports
  • Authentication, validation, pagination and failure experiments
Open guide
Apps Script

Apps Script Coach

Learn built-in Google Apps Script methods with 20 coached workshops, 40 executable checks, progressive hints and clear next-step feedback.

Beginner friendly
What you’ll learn

Browser services are educational simulations; coaching is rule-based and no Google account is connected.

  • Write code, inspect simulated cells and follow service calls
  • Learn bound and standalone scripts, Sheets, Docs, Drive, Forms and draft workflows
  • Practice properties, HTTP handling, trigger setup and locks
  • Save your learning path and download three real project starters
Open guide
AI

AI Evaluation Lab

Go beyond impressive demos with 24 practical lessons, 12 response challenges and live experiments that reveal what scores can hide.

Some experience helpful
What you’ll learn

Uses authored teaching fixtures; no real model calls or benchmark claims.

  • Compare responses against their source evidence and explain your judgment
  • Adjust rubric weights, critical-error gates and traffic assumptions
  • Explore a live confusion matrix and test your own response structure
  • Export scorecards, review reports and a repeatable evaluation plan
Open guide
AI

AI Knowledge Lab

Make AI work with documents: explore 20 detailed lessons, eight hands-on missions and a working local search engine with transparent scoring.

Some experience helpful
What you’ll learn

Browser retrieval uses fictional sample data and does not call a live AI model.

  • Edit sample documents and inspect how they become searchable chunks
  • Compare experiments, find missing exceptions and filter outdated evidence
  • Evaluate six test questions and export an evidence-based context prompt
  • Create a knowledge-assistant blueprint with saved notes and progress
Open guide
AI

AI Agent Workflow Lab

Go beyond prompting with 18 practical lessons and four playable agent missions. Step through tool actions, introduce failures and discover what makes a workflow useful.

Some experience helpful
What you’ll learn

Educational simulations use authored data, with no live AI or connected accounts.

  • Interactive traces, evidence checks and review decisions
  • Workflow sequencing challenge and six-case test bench
  • Cost explorer and downloadable project blueprint
  • Saved lesson progress, notes and portable backups
Open guide
Apps Script

Apps Script Automation Planner

Turn an idea into a useful automation blueprint with 12 lessons, four decision scenarios, a batch-call estimator and an editable plan you can download.

Some experience helpful
What you’ll learn
  • Choose project context, service calls and triggers
  • Plan repeat behavior, testing and recovery
  • Save lesson notes and export your workflow blueprint
Open guide
Apps Script

Apps Script Methods Studio

Practice Google’s own methods through 32 workshops, 128 checks and useful bound and standalone scripts.

Some experience helpful
What you’ll learn

Browser exercises simulate selected methods. Real scripts run in your own Google test project.

  • Sheets, Drive, Docs, Forms, Calendar, Gmail and supporting services
  • Object return types, method traces and side-effect inspectors
  • Seven workflow labs, eight repairs and a searchable method finder
  • Four useful starters with separate bound and standalone setup paths
Open guide
Apps Script

Google Apps Script Trainer

Start with no coding experience and build toward useful Google Workspace automations through 50 lessons and 200 executable code checks.

Beginner friendly
What you’ll learn

Browser services are educational simulations. A first-run guide shows how to practice in a real Google project.

  • JavaScript basics, Sheets, triggers, APIs and reliable workflows
  • Eight visual learning labs and eight debugging challenges
  • Four downloadable project starters and 12 reusable recipes
  • Saved code drafts, knowledge checks, recall and a 50-lesson handbook
Open guide
AI

AI Output Review Studio

Learn to check AI-generated work with 12 lessons, a claim detective, number inspector, revision challenge and editable evidence review desk.

Some experience helpful
What you’ll learn
  • Separate supported, contradicted and unresolved claims
  • Inspect percentages and preserve important limitations
  • Record sources, corrections, owners and next steps
  • Download reports and back up your saved work
Open guide
AI

AI Literacy Studio

Build confidence. Practice responsible AI use.

Beginner friendly
What you’ll learn

Explore all 15 chapters of AI Literacy for All Employees by Laurence Lars Svekis through 30 lessons, 11 interactive labs and four workplace projects.

Exercises use fictional scenarios and transparent local feedback. No AI account required.

  • AI foundations, workplace uses, prompting and evidence review
  • Bias investigations, privacy decisions, governance and stakeholder planning
  • Five appendix references, searchable answers and glossary
  • Saved progress, recall practice and downloadable workbooks
Open guide
AI

AI Everyday Studio

Less guesswork. More useful AI.

Beginner friendly
What you’ll learn

Learn to use AI for everyday writing, learning and planning with 20 lessons, eight interactive exercises and four missions.

No live AI model or account required. Feedback comes from transparent local rules and authored teaching examples.

  • Build clear briefs and compare realistic authored responses
  • Spot unsupported claims and choose focused revisions
  • Plan reviews, estimate total effort and export workflow cards
  • Saved progress, recall, searchable answers and reusable templates

Explore AI foundations

Open guide
Web development

Node.js Studio

JavaScript beyond the browser.

Some experience helpful
What you’ll learn

Explore 24 lessons, seven interactive labs and four projects covering modules, npm, files, asynchronous work, HTTP and testing.

Browser labs are local teaching models. Download the starter to run real Node.js on your computer.

  • Module, package, configuration, scheduling, routing, data and stream labs
  • Downloadable real Node.js CLI, report, read-only API and test suite
  • Searchable answers, explained checks and practical project workbooks
  • Saved progress, recall practice and transferable backups
Open guide
Web development

Debugging Studio

Find the cause. Fix with confidence.

Some experience helpful
What you’ll learn

Build a repeatable investigation habit with 20 lessons, seven interactive labs and four case projects.

Local experiments and clearly labeled simulations; no external website or live debugger is connected.

  • Inspect values, trace execution and diagnose HTTP and JSON failures
  • Explore stale search responses and real CSS overflow
  • Build downloadable bug reports and investigation records
  • Searchable answers, knowledge checks, saved progress and backups
Open guide
Web development

Website Testing Guide & Launch Lab

Go beyond “it works on my screen.” Learn a repeatable testing process and turn your website’s features into a practical test plan.

Some experience helpful
What you’ll learn

Work through eight focused lessons on visitor journeys, repeatable checks, edge cases, keyboard interaction, device coverage, recovery, useful bug reports, and retesting. Use the Launch Lab to track manual results and evidence, add custom checks, and export a clear report.

  • 8 practical lessons with activities and knowledge checks
  • 18 reusable checks across core behavior and optional features
  • Custom checks, priorities, result filters, and evidence notes
  • Downloadable test report and transferable JSON backup
  • Browser-saved project details, results, and learning progress

Open Launch Lab

Open guide
Design

Web Design Guide & Studio

Create a website that works for its visitors. Learn the design process and turn your decisions into a practical website brief and reusable styles.

Some experience helpful
What you’ll learn

Follow 12 lessons covering goals, content structure, hierarchy, typography, color, spacing, responsive layouts, accessible interaction, usability testing, and launch. Experiment in the live Design Studio, check text contrast, export CSS, and record the checks you run on your own website.

  • 12 practical lessons with activities and knowledge checks
  • Live typography, color, spacing, and layout preview
  • Text contrast checks and downloadable CSS
  • Website brief and 14-point launch checklist
  • Browser-saved work and downloadable workbook

Start the guide

Open guide
Learning skills

Vibe Learning Guide & Studio

Turn curiosity into a skill you can demonstrate. Learn to use AI as a coach while keeping your own practice, judgment, and understanding at the centre.

Beginner friendly
What you’ll learn

Follow 12 lessons on learning goals, baseline attempts, useful coaching, retrieval, feedback, spaced review, projects, and independent transfer. Create personal study plans and AI coaching prompts in the Vibe Learning Studio, collect recall cards, and document your progress in the Project Lab.

  • 12 practical lessons with activities, recall, and knowledge checks
  • Learning Studio with study plans and three AI prompt modes
  • Personal review cards with a simple spaced-review queue
  • Project Lab and downloadable learning workbook
  • Browser-saved work with progress export and import

Open Learning Studio

Open guide
AI

Vibe Coding for Beginners — Guide V4

Go from your first idea to a small app you understand, with a complete beginner learning path and practical tools for writing professional prompts.

Beginner friendly
What you’ll learn

Explore 16 detailed lessons covering setup, app planning, prompting, design, data, debugging, testing, security, and publishing. Use the guided Prompt Studio for build, refinement, and debugging prompts, practice with feedback in the arcade, and follow the Study Sprint first-app walkthrough.

  • 16 beginner-friendly lessons with activities and knowledge checks
  • Professional prompt builder with three task-specific modes
  • Prompt repair, decision challenges, and workflow sequencing
  • Guided first-app project and downloadable workbooks
  • Release checklist, glossary, official resources, and exportable progress

Open Prompt Studio

Open guide
AI

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.

Beginner friendly
What you’ll learn

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

Vibe Coding resources

Open guide
AI

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.

Some experience helpful
What you’ll learn

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

Vibe Coding resources

Open guide
AI

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.

Some experience helpful
What you’ll learn

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

Vibe Coding resources

Open guide
Apps Script

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.

Beginner friendly
What you’ll learn

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

Apps Script articles

Open guide
Web development

JavaScript Learning Guide

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

Beginner friendly
What you’ll learn

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

JavaScript articles

Open guide
Web development

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.

Beginner friendly
What you’ll learn

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

CSS articles

Open guide
Web development

HTML Learning Guide

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

Beginner friendly
What you’ll learn

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

HTML articles

Open guide
Design

Web Design Learning Guide

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

Beginner friendly
What you’ll learn

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

Web design articles

Open guide
About this library

Experience labels are starting-point suggestions. Your saved-guide list stays in this browser; it does not reflect lesson completion or sync across devices. Individual guides manage their own learning progress.

Suggest a guide topic →