Back to directory

Easy-Vibe

An interactive, beginner tutorial that teaches AI-native "vibe coding", building software by describing what is wanted, through step-by-step visual lessons, a simulated coding environment and hands-on exercises, translated into ten languages.

Visit website (opens in a new tab)datawhalechina.github.io
Easy-Vibe

Easy-Vibe is a beginner-friendly course that teaches "vibe coding": building real products by describing what is wanted to an AI rather than writing code directly. It uses step-by-step visual tutorials, simulated coding practice with virtual mouse guidance through core IDE workflows, and animated explanations of how AI generates images and how retrieval-augmented generation works.

The course is organized into stages for complete beginners, junior and mid-level developers, and advanced developers, moving from finding an opportunity and understanding user needs through building a prototype, integrating AI, and completing a presentable project. Its content is available in ten languages.

It is distributed as a static site built with JavaScript, with source available for running the tutorials locally.

More in Tutorials

See all 478
  • BootLife

    github.com

    Conway's Game of Life implemented to run directly from a 512-byte x86 boot sector in assembly, using VGA memory itself as the simulation grid.

  • A technical blog post deriving the Y combinator as a composition of combinator birds in an array language, and examining how eager evaluation changes fixed-point recursion compared with the usual lazy telling.

  • System Design Atlas

    atlas-sysdes.vercel.app

    A free reference of worked system design problems with interactive architecture diagrams, covering ranked designs such as a feed, a chat app, a URL shortener, and a rate limiter, plus pages on the technologies behind them.