How microsoft/generative-ai-with-javascript works
This repository is a JavaScript generative-AI learning course, with lessons and runnable examples as its main product and a character-chat companion app as an interactive demonstration. The graph captures the documented lesson progression and major learning resources; app links are based on sampled source, while unsampled lesson implementations are represented only by their tree-supported directories.
Main entry points: script.js Chat Interface · app.js Chat Server · 01-intro-to-genai GenAI Basics · 02-first-ai-app First AI App
Components 18
Course Lessons
- GenAI Basics
lessons/01-intro-to-genai - First AI App
lessons/02-first-ai-app - MCP Basics
lessons/07-mcp - Advanced MCP
lessons/08-mcp-advanced
AI Techniques
- Prompt Engineering
lessons/03-prompt-engineering - Structured Output
lessons/04-structured-output - RAG
lessons/05-rag - Tool Calling
lessons/06-tool-calling - Runnable Samples
lessons
Companion App
- Chat Interface
app/public/js/script.js - Chat Server
app/app.js - Character Profiles
app/public/characters.json
Video Resources
- Video Series
videos - Video Demos
videos/demos
Other components
- Learner
- App Visitor
- Chat Model API
- Browser Speech
Connections 16
- Learner → GenAI Basics: starts course
- GenAI Basics → First AI App: continues to
- First AI App → Prompt Engineering: continues to
- Prompt Engineering → Structured Output: continues to
- Structured Output → RAG: continues to
- RAG → Tool Calling: continues to
- Tool Calling → MCP Basics: continues to
- MCP Basics → Advanced MCP: continues to
- Learner → Runnable Samples: runs samples
- Learner → Video Series: watches
- Video Series → Video Demos: offers demos
- App Visitor → Chat Interface: chats with
- Chat Interface → Chat Server: posts message
- Chat Server → Character Profiles: reads profiles
- Chat Server → Chat Model API: requests completion
- Chat Interface → Browser Speech: speaks answer