microsoft/generative-ai-with-javascript

Join a time-traveling adventure where you meet history’s legends while learning Generative AI technologies! ✨

Generative AI with JavaScript – a beginner‑friendly course

What it is – An open‑source, self‑paced learning series that teaches JavaScript developers how to build, prompt‑engineer, and deploy generative‑AI applications. The repo bundles written lessons, video recordings, quizzes, solution code, and a small “companion app” that lets you chat with AI‑driven historical figures.

Why it matters – It walks you through the whole stack that modern LLM‑powered apps use: basic LLM calls, prompt engineering, structured output, Retrieval‑Augmented Generation (RAG), tool/function calling, and the Model Context Protocol (MCP). It also shows how to run models locally with Ollama, use Azure AI Foundry, and integrate vector search with Azure Cosmos DB.

Key components

  • Lesson modules (1‑8) – each includes a written guide, assignment, quiz, solution, and a short video. Topics progress from intro to LLM fundamentals, prompt engineering, structured JSON output, RAG, tool calling, MCP basics, and advanced MCP client work.
  • Companion app – a runnable JavaScript app (/app) that demonstrates conversational interactions with AI‑generated historical characters; includes accessibility audio tags.
  • Setup options – start instantly in a pre‑configured GitHub Codespace (leveraging GitHub Models for free API access) or run everything locally (see /docs/setup).
  • Video series & slides – all lessons have downloadable PowerPoint/PDF slides, demo links, and full‑length YouTube videos.
  • Additional resources – links to related Microsoft beginner courses, extra tutorials, and a Discord/Forum for community help.

How to get started

  1. Fork the repo (or click the “Fork” badge).
  2. Open the repository in GitHub Codespaces and let the environment install the dependencies, or follow the local‑setup guide (/docs/setup/README.md).
  3. Follow the lesson order in the table of contents; each lesson’s folder contains the code you’ll edit and run.

Who it’s for – JavaScript developers with little or no prior exposure to generative AI who want a hands‑on, story‑driven way to learn LLM concepts and start building real apps.

License – MIT (see the badge at the top of the README).

All details are taken directly from the repository’s README; no additional claims have been added.

Related

  • Project
    lakshmanok/generative-ai-design-patterns

    A comprehensive collection of 32 design patterns and code examples for building reliable, scalable, and secure Generative AI applications.

  • Project
    ThomasVitale/llm-apps-java-spring-ai

    A collection of sample Java applications and patterns demonstrating how to build Generative AI and LLM-powered apps using the Spring AI framework.

  • Project
    nndl/llm-beginner

    A comprehensive, hands-on tutorial series for beginners to learn LLMs and AI agents through six progressive implementation tasks, from building a mini-GPT to creating a coding agent.

  • Project
    marcelo-earth/generative-manim

    A suite of tools that uses LLMs to translate natural language descriptions into Manim animations, enabling anyone to create technical videos without programming skills.

  • Project
    googleapis/js-genai

    Official JavaScript/TypeScript SDK (`@google/genai`) for calling Gemini LLMs via the Gemini Developer API or Gemini Enterprise Agent Platform. Provides model calls, streaming, chat state, caching, file upload, live sessions, function‑calling tools, and a high‑level Interactions API for complex, multimodal workflows.