[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-microsoft--generative-ai-with-javascript":3,"tool-microsoft--generative-ai-with-javascript":64},[4,17,27,35,43,56],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":16},3808,"stable-diffusion-webui","AUTOMATIC1111\u002Fstable-diffusion-webui","stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面，旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点，将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。\n\n无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师，还是想要深入探索模型潜力的开发者与研究人员，都能从中获益。其核心亮点在于极高的功能丰富度：不仅支持文生图、图生图、局部重绘（Inpainting）和外绘（Outpainting）等基础模式，还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外，它内置了 GFPGAN 和 CodeFormer 等人脸修复工具，支持多种神经网络放大算法，并允许用户通过插件系统无限扩展能力。即使是显存有限的设备，stable-diffusion-webui 也提供了相应的优化选项，让高质量的 AI 艺术创作变得触手可及。",162132,3,"2026-04-05T11:01:52",[13,14,15],"开发框架","图像","Agent","ready",{"id":18,"name":19,"github_repo":20,"description_zh":21,"stars":22,"difficulty_score":23,"last_commit_at":24,"category_tags":25,"status":16},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",140436,2,"2026-04-05T23:32:43",[13,15,26],"语言模型",{"id":28,"name":29,"github_repo":30,"description_zh":31,"stars":32,"difficulty_score":23,"last_commit_at":33,"category_tags":34,"status":16},2271,"ComfyUI","Comfy-Org\u002FComfyUI","ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎，专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式，采用直观的节点式流程图界面，让用户通过连接不同的功能模块即可构建个性化的生成管线。\n\n这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景，也能自由组合模型、调整参数并实时预览效果，轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性，不仅支持 Windows、macOS 和 Linux 全平台，还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构，并率先支持 SDXL、Flux、SD3 等前沿模型。\n\n无论是希望深入探索算法潜力的研究人员和开发者，还是追求极致创作自由度的设计师与资深 AI 绘画爱好者，ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",107662,"2026-04-03T11:11:01",[13,14,15],{"id":36,"name":37,"github_repo":38,"description_zh":39,"stars":40,"difficulty_score":23,"last_commit_at":41,"category_tags":42,"status":16},3704,"NextChat","ChatGPTNextWeb\u002FNextChat","NextChat 是一款轻量且极速的 AI 助手，旨在为用户提供流畅、跨平台的大模型交互体验。它完美解决了用户在多设备间切换时难以保持对话连续性，以及面对众多 AI 模型不知如何统一管理的痛点。无论是日常办公、学习辅助还是创意激发，NextChat 都能让用户随时随地通过网页、iOS、Android、Windows、MacOS 或 Linux 端无缝接入智能服务。\n\n这款工具非常适合普通用户、学生、职场人士以及需要私有化部署的企业团队使用。对于开发者而言，它也提供了便捷的自托管方案，支持一键部署到 Vercel 或 Zeabur 等平台。\n\nNextChat 的核心亮点在于其广泛的模型兼容性，原生支持 Claude、DeepSeek、GPT-4 及 Gemini Pro 等主流大模型，让用户在一个界面即可自由切换不同 AI 能力。此外，它还率先支持 MCP（Model Context Protocol）协议，增强了上下文处理能力。针对企业用户，NextChat 提供专业版解决方案，具备品牌定制、细粒度权限控制、内部知识库整合及安全审计等功能，满足公司对数据隐私和个性化管理的高标准要求。",87618,"2026-04-05T07:20:52",[13,26],{"id":44,"name":45,"github_repo":46,"description_zh":47,"stars":48,"difficulty_score":23,"last_commit_at":49,"category_tags":50,"status":16},2268,"ML-For-Beginners","microsoft\u002FML-For-Beginners","ML-For-Beginners 是由微软推出的一套系统化机器学习入门课程，旨在帮助零基础用户轻松掌握经典机器学习知识。这套课程将学习路径规划为 12 周，包含 26 节精炼课程和 52 道配套测验，内容涵盖从基础概念到实际应用的完整流程，有效解决了初学者面对庞大知识体系时无从下手、缺乏结构化指导的痛点。\n\n无论是希望转型的开发者、需要补充算法背景的研究人员，还是对人工智能充满好奇的普通爱好者，都能从中受益。课程不仅提供了清晰的理论讲解，还强调动手实践，让用户在循序渐进中建立扎实的技能基础。其独特的亮点在于强大的多语言支持，通过自动化机制提供了包括简体中文在内的 50 多种语言版本，极大地降低了全球不同背景用户的学习门槛。此外，项目采用开源协作模式，社区活跃且内容持续更新，确保学习者能获取前沿且准确的技术资讯。如果你正寻找一条清晰、友好且专业的机器学习入门之路，ML-For-Beginners 将是理想的起点。",84991,"2026-04-05T10:45:23",[14,51,52,53,15,54,26,13,55],"数据工具","视频","插件","其他","音频",{"id":57,"name":58,"github_repo":59,"description_zh":60,"stars":61,"difficulty_score":10,"last_commit_at":62,"category_tags":63,"status":16},3128,"ragflow","infiniflow\u002Fragflow","RAGFlow 是一款领先的开源检索增强生成（RAG）引擎，旨在为大语言模型构建更精准、可靠的上下文层。它巧妙地将前沿的 RAG 技术与智能体（Agent）能力相结合，不仅支持从各类文档中高效提取知识，还能让模型基于这些知识进行逻辑推理和任务执行。\n\n在大模型应用中，幻觉问题和知识滞后是常见痛点。RAGFlow 通过深度解析复杂文档结构（如表格、图表及混合排版），显著提升了信息检索的准确度，从而有效减少模型“胡编乱造”的现象，确保回答既有据可依又具备时效性。其内置的智能体机制更进一步，使系统不仅能回答问题，还能自主规划步骤解决复杂问题。\n\n这款工具特别适合开发者、企业技术团队以及 AI 研究人员使用。无论是希望快速搭建私有知识库问答系统，还是致力于探索大模型在垂直领域落地的创新者，都能从中受益。RAGFlow 提供了可视化的工作流编排界面和灵活的 API 接口，既降低了非算法背景用户的上手门槛，也满足了专业开发者对系统深度定制的需求。作为基于 Apache 2.0 协议开源的项目，它正成为连接通用大模型与行业专有知识之间的重要桥梁。",77062,"2026-04-04T04:44:48",[15,14,13,26,54],{"id":65,"github_repo":66,"name":67,"description_en":68,"description_zh":69,"ai_summary_zh":70,"readme_en":71,"readme_zh":72,"quickstart_zh":73,"use_case_zh":74,"hero_image_url":75,"owner_login":76,"owner_name":77,"owner_avatar_url":78,"owner_bio":79,"owner_company":80,"owner_location":80,"owner_email":81,"owner_twitter":82,"owner_website":83,"owner_url":84,"languages":85,"stars":102,"forks":103,"last_commit_at":104,"license":105,"difficulty_score":23,"env_os":106,"env_gpu":107,"env_ram":108,"env_deps":109,"category_tags":117,"github_topics":118,"view_count":23,"oss_zip_url":80,"oss_zip_packed_at":80,"status":16,"created_at":125,"updated_at":126,"faqs":127,"releases":158},4075,"microsoft\u002Fgenerative-ai-with-javascript","generative-ai-with-javascript","Join a time-traveling adventure where you meet history’s legends while learning Generative AI technologies! ✨","generative-ai-with-javascript 是一门专为初学者设计的生成式 AI 互动教程，旨在帮助开发者轻松掌握如何将前沿的生成式 AI 技术融入 JavaScript 应用中。它解决了新手在面对复杂 AI 概念时难以入手、缺乏实战场景以及环境配置繁琐等痛点。\n\n这门课程独具匠心地采用“时空穿越”的故事线，让用户在学习代码的同时，能与达·芬奇、阿达·洛夫莱斯等历史传奇人物进行由 AI 驱动的趣味对话。这种沉浸式体验将枯燥的技术学习转化为生动的冒险旅程，极大地提升了学习兴趣。\n\n内容涵盖从基础概念到高级应用的完整路径，特别新增了关于模型上下文协议（MCP）的课程，指导用户构建和测试服务器，并结合大语言模型优化客户端。项目提供丰富的代码示例、练习、测验及配套视频，并支持通过 GitHub Codespaces 一键启动预配置的开发环境，无需本地繁琐设置即可利用 GitHub Models 免费运行代码。\n\n无论是希望转型的 Web 开发者、计算机专业学生，还是对 AI 应用开发感兴趣的技术爱好者，都能从中获益。它不仅传授技术，更通过开源协作和社区支持，鼓励用户自由复用、修改","generative-ai-with-javascript 是一门专为初学者设计的生成式 AI 互动教程，旨在帮助开发者轻松掌握如何将前沿的生成式 AI 技术融入 JavaScript 应用中。它解决了新手在面对复杂 AI 概念时难以入手、缺乏实战场景以及环境配置繁琐等痛点。\n\n这门课程独具匠心地采用“时空穿越”的故事线，让用户在学习代码的同时，能与达·芬奇、阿达·洛夫莱斯等历史传奇人物进行由 AI 驱动的趣味对话。这种沉浸式体验将枯燥的技术学习转化为生动的冒险旅程，极大地提升了学习兴趣。\n\n内容涵盖从基础概念到高级应用的完整路径，特别新增了关于模型上下文协议（MCP）的课程，指导用户构建和测试服务器，并结合大语言模型优化客户端。项目提供丰富的代码示例、练习、测验及配套视频，并支持通过 GitHub Codespaces 一键启动预配置的开发环境，无需本地繁琐设置即可利用 GitHub Models 免费运行代码。\n\n无论是希望转型的 Web 开发者、计算机专业学生，还是对 AI 应用开发感兴趣的技术爱好者，都能从中获益。它不仅传授技术，更通过开源协作和社区支持，鼓励用户自由复用、修改并分享所学内容，是开启 JavaScript 生成式 AI 开发之旅的理想起点。","\u003Cdiv align=\"center\">  \n\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fmicrosoft_generative-ai-with-javascript_readme_e723d1cf8a5c.png\" alt=\"\" align=\"center\" height=\"128\" \u002F>\n\n# Generative AI for beginners with JavaScript\n\n[![License](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-MIT-blue?style=flat-square)](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fgenerative-ai-with-javascript\u002Fblob\u002Fmain\u002FLICENSE)\n[![Watch the video series](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FVideos-d95652.svg?style=flat-square&logo=youtube)](https:\u002F\u002Faka.ms\u002Fgenai-js)\n[![PRs Welcome](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPRs-welcome-brightgreen.svg?style=flat-square)](http:\u002F\u002Fmakeapullrequest.com)\n\n[![Azure AI Discord](https:\u002F\u002Fdcbadge.limes.pink\u002Fapi\u002Fserver\u002FkzRShWzttr)](https:\u002F\u002Fdiscord.gg\u002FkzRShWzttr)\n\n[![Azure AI Foundry Developer Forum](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FGitHub-Azure_AI_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https:\u002F\u002Faka.ms\u002Ffoundry\u002Fforum)\n\n⭐ If you like this repo, star it on GitHub — it helps a lot!\n\n[Getting Started](#getting-started) • [Lessons](#lessons) • [Keep Learning](#keep-learning)\n\n\u003C\u002Fdiv>\n\nReady to integrate Generative AI into your JavaScript apps? \n\nThis course throws you into a *time-traveling adventure*—meet history’s legends with a fun twist, while learning Generative AI technologies ✨\n \n> [!IMPORTANT]  \n> Open-source vibes! Reuse, tweak, and share this content freely.\n \n![Character App Sneak Peek](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fmicrosoft_generative-ai-with-javascript_readme_5a50f015fb46.png)\n \n## NEW - MCP lessons just added\n\n- Learn how to [build and test out your first server](\u002Flessons\u002F07-mcp\u002FREADME.md)\n- Improve your MCP client by [integrating an LLM](\u002Flessons\u002F08-mcp-advanced\u002FREADME.md)\n\n\n## Call for help - help us translate !\n\nHelp us translate this course. Each lesson in `lessons\u002F` folder has a `translations\u002F` directory. Add your translation file like so `README.\u003Clanguage code>.md`, for example *README.es.md*.  - Thank You.\n\n\n## Step into history with AI magic! \n \nDive into an immersive learning experience powered by Generative AI:  \n- **Learn about Generative AI technologies**. If you've wanted to understand Generative AI and the potential for your applications, you're in the right place!\n \n- **Epic Time-Travel Stories**.\nDive into a fun tale, chatting with icons like Leonardo da Vinci, Ada Lovelace, or Montezuma in every lesson.\n \n- **Companion App**. Interact with historical figures using Generative AI technologies ([see our Responsible AI disclaimer](#responsible-ai-disclaimer)).\n\n  ![Interact with History through conversation](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fmicrosoft_generative-ai-with-javascript_readme_6731c8bc42cd.png) \n\n  Check the [_app_](\u002Fapp\u002FREADME.md) directory to run the [app locally](\u002Fdocs\u002Fsetup\u002FREADME.md#option-2--running-the-app-locally) or use [GitHub Codespaces](\u002Fdocs\u002Fsetup\u002FREADME.md) to run it online.\n\n- **Accessibility FTW**. Read it, hear it—audio tags bring it to life.\n \n> “It’s like a comic book with code!” — Happy User\n \n## Getting started\n \nThroughout this course you'll find many code examples and exercises, so we encourage you to run and experiment with the code in your own copy of this repository:\n \n1. Select the **Fork** button in the upper right-hand corner of the repository or select this button:\n   [![Fork](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FFork-Repository-blue?style=flat-square)](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fgenerative-ai-with-javascript\u002Ffork)\n \n2. Click the **Code** button in your forked repository, go to the **Codespaces** tab, and then choose **Create codespace**.\n\n   This will create a preconfigured online environment for you. You'll then be able to use [GitHub Models](https:\u002F\u002Fgithub.com\u002Fmarketplace\u002Fmodels) to run the code examples and interact with AI models for free, without any additional setup.\n\n> [!NOTE]\n>\n> While GitHub Codespaces provides a quick and easy starting point you can also run the code samples [locally](\u002Fdocs\u002Fsetup\u002FREADME.md#option-2--running-the-app-locally).\n>\n> Learn more about [GitHub Codespaces and GitHub Models concepts here](\u002Fdocs\u002Fsetup\u002FREADME.md).  \n\n### Lesson description\n\n📦 Each lesson includes:\n\n- A **written lesson** with an assignment and quiz.\n- A short **video** to help further your learning.\n- **Solutions** for each assignment and quiz.\n- **Characters** you can interact with using our [companion app](\u002Fapp\u002FREADME.md), demonstrating Generative AI.\n\n## Lessons\n\n🗃️ Table of contents\n\n| # | Lesson Link  | Description |\n| ---- | ----------- | ----------- |\n| 1 | [Introduction to Generative AI and LLMs for JavaScript Developers](\u002Flessons\u002F01-intro-to-genai\u002FREADME.md) | Understand Generative AI and LLM fundamentals, their applications and limits in JavaScript, and how to use AI to enhance user experiences. |\n| 2 | [Build your first AI app](\u002Flessons\u002F02-first-ai-app\u002FREADME.md) | Set up your development environment, write a basic app, and understand system prompts. |\n| 3 | [Prompt engineering](\u002Flessons\u002F03-prompt-engineering\u002FREADME.md) | Learn Prompt engineering fundamentals, techniques, and meta-prompts for better AI outcomes. |\n| 4 | [Structured output](\u002Flessons\u002F04-structured-output\u002FREADME.md) | Learn structured output, how to extract data from prompts, and present it in various formats, such as JSON, for easier consumption. |\n| 5 | [Retrieval augmented generation (RAG)](\u002Flessons\u002F05-rag\u002FREADME.md) | Learn the basics of RAG, how to integrate external data, and how to leverage it for more relevant, accurate AI responses. |\n| 6 | [Tool calling\u002FFunction calling](\u002Flessons\u002F06-tool-calling\u002FREADME.md) | Learn how to give your LLM extra capabilities, bring your own functions  |\n| 7 | [MCP, Model Context Protocol ](\u002Flessons\u002F07-mcp\u002FREADME.md) | Teaches how to get started with MCP to standardize how to expose prompts, resources and tools  |\n| 8 | [Enhancing MCP Clients with Large Language Models](\u002Flessons\u002F08-mcp-advanced\u002FREADME.md) | Learn how to improve your MCP app by improving clients with LLM and more  |\n\nNew lessons will be added to the course over time, so stay tuned!\n\n## Keep learning\n\n🙌 After completing this course, you can continue learning by exploring our additional resources.\n\n\u003Cdetails>\n\u003Csummary>🎬Video Series\u003C\u002Fsummary>\n\n| # | Session | Description | Slides | Demo | Script | Video |\n|---|---------|-------------|--------|------|--------|-------|\n| 0 | Series introduction | Introduces the series and its content. | [pptx](\u002Fvideos\u002Fslides\u002F00-intro.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F00-intro.pdf) | - | [Script](\u002Fvideos\u002Fsessions\u002F00-intro.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=vLYtDgs_zx8&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=1) |\n| 1 | What you need to know about LLMs | Explores what LLMs are, how they're trained, how they work and their limits. | [pptx](\u002Fvideos\u002Fslides\u002F01-llms.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F01-llms.pdf) | [Demo](\u002Fvideos\u002Fdemos\u002F01-llms\u002F) | [Script](\u002Fvideos\u002Fsessions\u002F01-llms.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=GQ_2OjNZ9aA&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=2)  |\n| 2 | Essential prompt engineering techniques | Practical prompt engineering techniques to get the best out of AI models. | [pptx](\u002Fvideos\u002Fslides\u002F02-prompt-engineering.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F02-prompt-engineering.pdf) | [Demo](\u002Fvideos\u002Fdemos\u002F02-prompt-engineering\u002F) | [Script](\u002Fvideos\u002Fsessions\u002F02-prompt-engineering.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=gQ6TlyxBmWs&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=3)  |\n| 3 | Improve AI accuracy and reliability with RAG | Introduces Retrieval-Augmented Generation, to use AI with your own data. | [pptx](\u002Fvideos\u002Fslides\u002F03-rag.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F03-rag.pdf) | [Demo](\u002Fvideos\u002Fdemos\u002F03-rag\u002F) | [Script](\u002Fvideos\u002Fsessions\u002F03-rag.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=xkFOmx5yxIA&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=4) |\n| 4 | Speed up your AI development with LangChain.js | Covers LangChain.js framework core concepts, and how to use it to accelerate AI developments. | [pptx](\u002Fvideos\u002Fslides\u002F04-langchainjs.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F04-langchainjs.pdf) | [Demo](\u002Fvideos\u002Fdemos\u002F04-langchainjs\u002F) | [Script](\u002Fvideos\u002Fsessions\u002F04-langchainjs.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=02IDU8eCX8o&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=5) |\n| 5 | Run AI models on your local machine with Ollama | Shows how to integrate local AI models into your development workflow. | [pptx](\u002Fvideos\u002Fslides\u002F05-local-models.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F05-local-models.pdf) | [Demo](\u002Fvideos\u002Fdemos\u002F05-local-models\u002F) | [Script](\u002Fvideos\u002Fsessions\u002F05-local-models.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=dLfNnoPv4AQ&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=6) |\n| 6 | Get started with AI for free using Phi-3 | Experiments with Ollama and Phi-3 model directly from your browser. | [pptx](\u002Fvideos\u002Fslides\u002F06-playground.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F06-playground.pdf) | [Demo](\u002Fvideos\u002Fdemos\u002F06-playground\u002F) | [Script](\u002Fvideos\u002Fsessions\u002F06-playground.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=Ds32MS9SHzU&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=7) |\n| 7 | Introduction to Azure AI Foundry | Kickstart your journey with Azure AI Foundry. | [pptx](\u002Fvideos\u002Fslides\u002F07-ai-foundry.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F07-ai-foundry.pdf) | [Demo](\u002Fvideos\u002Fdemos\u002F07-ai-foundry\u002F) | [Script](\u002Fvideos\u002Fsessions\u002F07-ai-foundry.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=9Mo-VOGk8ng&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=8) |\n| 8 | Building Generative AI Apps with Azure Cosmos DB | Build generative AI apps with Azure Cosmos DB and vector search. | [pptx](\u002Fvideos\u002Fslides\u002F08-cosmos-db.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F08-cosmos-db.pdf) | [Demo](\u002Fvideos\u002Fdemos\u002F08-cosmos-db\u002F) | [Script](\u002Fvideos\u002Fsessions\u002F08-cosmos-db.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=-GQyaLbeqxQ&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=9)  |\n| 9 | Azure tools & services for hosting and storing AI apps | Build, deploy, and scale AI applications using Azure tools. | [pptx](\u002Fvideos\u002Fslides\u002F09-azure-tools.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F09-azure-tools.pdf) | - | [Script](\u002Fvideos\u002Fsessions\u002F09-azure-tools.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=WB6Fpzhwyug&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=10) |\n| 10 | Streaming Generative AI output with the AI Chat Protocol | Integrate streaming easily into your apps with the AI Chat Protocol. | [pptx](\u002Fvideos\u002Fslides\u002F10-chat-protocol.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F10-chat-protocol.pdf) | [Demo](\u002Fvideos\u002Fdemos\u002F10-chat-protocol\u002F) | [Script](\u002Fvideos\u002Fsessions\u002F10-chat-protocol.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=fzDCW-6hMtU&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=11) |\n\nTo see the full page of resources, go to this [video overview page](\u002Fvideos\u002FREADME.md).\n\n\u003C\u002Fdetails>\n\n\nYou'll also find additional resources in the form of [tutorials, code samples and more](\u002Fdocs\u002Fadditional-resources.md).\n\n## Responsible AI Disclaimer\n\n> [!IMPORTANT]\n> DISCLAIMER: This repository contains fictional content generated by AI. The historical characters depicted here are generating responses thanks to generative AI, which is based on training data. Any responses generated by these characters do not represent their actual views or quotes. This content is intended solely for entertainment purposes. [Microsoft Responsible AI principles here](https:\u002F\u002Fwww.microsoft.com\u002Fen-us\u002Fai\u002Fprinciples-and-approach\u002F)\n\n## 🎒Other Courses\n\n- [Generative AI for Beginners](https:\u002F\u002Faka.ms\u002Fgenai-beginners)\n- [Generative AI for Beginners .NET](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002FGenerative-AI-for-beginners-dotnet)\n- [Generative AI with JavaScript](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fgenerative-ai-with-javascript)\n- [Generative AI with Java](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002FGenerative-AI-for-beginners-java)\n- [AI for Beginners](https:\u002F\u002Faka.ms\u002Fai-beginners)\n- [AI Agents for Beginners - A Course](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fai-agents-for-beginners)\n- [Data Science for Beginners](https:\u002F\u002Faka.ms\u002Fdatascience-beginners)\n- [ML for Beginners](https:\u002F\u002Faka.ms\u002Fml-beginners)\n- [Cybersecurity for Beginners](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002FSecurity-101) \n- [Web Dev for Beginners](https:\u002F\u002Faka.ms\u002Fwebdev-beginners)\n- [IoT for Beginners](https:\u002F\u002Faka.ms\u002Fiot-beginners)\n- [XR Development for Beginners](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fxr-development-for-beginners)\n- [Mastering GitHub Copilot for Paired Programming](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002FMastering-GitHub-Copilot-for-Paired-Programming)\n- [Mastering GitHub Copilot for C#\u002F.NET Developers](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fmastering-github-copilot-for-dotnet-csharp-developers)\n- [Choose Your Own Copilot Adventure](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002FCopilotAdventures)\n\n## Getting Help\n\nIf you get stuck or have any questions about building AI apps, join:\n\n[![Azure AI Foundry Discord](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FDiscord-Azure_AI_Foundry_Community_Discord-blue?style=for-the-badge&logo=discord&color=5865f2&logoColor=fff)](https:\u002F\u002Faka.ms\u002Ffoundry\u002Fdiscord)\n\nIf you have product feedback or errors while building visit:\n\n[![Azure AI Foundry Developer Forum](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FGitHub-Azure_AI_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https:\u002F\u002Faka.ms\u002Ffoundry\u002Fforum)\n","\u003Cdiv align=\"center\">  \n\n\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fmicrosoft_generative-ai-with-javascript_readme_e723d1cf8a5c.png\" alt=\"\" align=\"center\" height=\"128\" \u002F>\n\n# 使用 JavaScript 的生成式 AI 入门\n\n[![许可证](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-MIT-blue?style=flat-square)](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fgenerative-ai-with-javascript\u002Fblob\u002Fmain\u002FLICENSE)\n[![观看视频系列](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FVideos-d95652.svg?style=flat-square&logo=youtube)](https:\u002F\u002Faka.ms\u002Fgenai-js)\n[![欢迎提交 PR](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPRs-welcome-brightgreen.svg?style=flat-square)](http:\u002F\u002Fmakeapullrequest.com)\n\n[![Azure AI Discord](https:\u002F\u002Fdcbadge.limes.pink\u002Fapi\u002Fserver\u002FkzRShWzttr)](https:\u002F\u002Fdiscord.gg\u002FkzRShWzttr)\n\n[![Azure AI Foundry 开发者论坛](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FGitHub-Azure_AI_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https:\u002F\u002Faka.ms\u002Ffoundry\u002Fforum)\n\n⭐ 如果你喜欢这个仓库，请在 GitHub 上给它点个赞——这对我们帮助很大！\n\n[开始使用](#getting-started) • [课程](#lessons) • [继续学习](#keep-learning)\n\n\u003C\u002Fdiv>\n\n准备好将生成式 AI 集成到你的 JavaScript 应用中了吗？\n\n本课程将带你踏上一场*穿越时空的冒险*——以有趣的方式与历史上的传奇人物相遇，同时学习生成式 AI 技术 ✨\n \n> [!IMPORTANT]  \n> 开源精神！你可以自由地重用、修改和分享这些内容。\n \n![角色应用预览](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fmicrosoft_generative-ai-with-javascript_readme_5a50f015fb46.png)\n \n## 新增 - MCP 课程已加入\n\n- 学习如何[构建并测试你的第一个服务器](\u002Flessons\u002F07-mcp\u002FREADME.md)\n- 通过[集成 LLM](\u002Flessons\u002F08-mcp-advanced\u002FREADME.md)来改进你的 MCP 客户端\n\n\n## 求助 - 帮我们翻译！\n\n请帮助我们翻译本课程。`lessons\u002F` 文件夹中的每节课都有一个 `translations\u002F` 目录。你可以按照 `README.\u003C语言代码>.md` 的格式添加你的翻译文件，例如 *README.es.md*。非常感谢！\n\n\n## 走进历史，体验 AI 魔法！\n\n沉浸式学习体验，由生成式 AI 提供支持：  \n- **了解生成式 AI 技术**。如果你一直想了解生成式 AI 及其在你应用中的潜力，那么这里正是你该来的地方！\n \n- **史诗般的时空穿越故事**。\n每节课都会带你进入一段有趣的冒险故事，与列奥纳多·达·芬奇、艾达·洛夫莱斯或蒙特祖玛等历史名人对话。\n \n- **配套应用**。使用生成式 AI 技术与历史人物互动（[请参阅我们的负责任 AI 免责声明](#responsible-ai-disclaimer))。\n\n  ![通过对话与历史互动](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fmicrosoft_generative-ai-with-javascript_readme_6731c8bc42cd.png) \n\n  请查看 [_app_](\u002Fapp\u002FREADME.md) 目录，以在本地运行该应用（[参见文档](\u002Fdocs\u002Fsetup\u002FREADME.md#option-2--running-the-app-locally)）或使用 [GitHub Codespaces](\u002Fdocs\u002Fsetup\u002FREADME.md) 在线上运行。\n\n- **无障碍访问，超强体验**。你可以阅读，也可以收听——音频标签让内容栩栩如生。\n \n> “这就像是带代码的漫画书！” —— 快乐用户\n \n## 开始使用\n \n在整个课程中，你会遇到许多代码示例和练习，因此我们鼓励你在自己的仓库副本中运行并尝试这些代码：\n \n1. 点击仓库右上角的 **Fork** 按钮，或者直接点击此按钮：\n   [![Fork](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FFork-Repository-blue?style=flat-square)](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fgenerative-ai-with-javascript\u002Ffork)\n \n2. 在你的分支仓库中点击 **Code** 按钮，进入 **Codespaces** 选项卡，然后选择 **Create codespace**。\n\n   这将为你创建一个预先配置好的在线环境。随后，你可以使用 [GitHub Models](https:\u002F\u002Fgithub.com\u002Fmarketplace\u002Fmodels) 来免费运行代码示例并与 AI 模型互动，无需任何额外设置。\n\n> [!NOTE]\n>\n> 虽然 GitHub Codespaces 提供了一个快速简便的起点，你也可以在本地运行这些代码示例（[参见文档](\u002Fdocs\u002Fsetup\u002FREADME.md#option-2--running-the-app-locally))。\n>\n> 更多关于 [GitHub Codespaces 和 GitHub Models 的概念，请参阅文档](\u002Fdocs\u002Fsetup\u002FREADME.md)。  \n\n### 课程简介\n\n📦 每节课包括：\n\n- 一篇带有作业和测验的**书面课程**。\n- 一段简短的**视频**，帮助你进一步学习。\n- 每份作业和测验的**答案**。\n- 你可以使用我们的[配套应用](\u002Fapp\u002FREADME.md)与之互动的**角色**，展示生成式 AI 的应用。\n\n## 课程\n\n🗃️ 目录\n\n| # | 课程链接  | 描述 |\n| ---- | ----------- | ----------- |\n| 1 | [面向 JavaScript 开发者的生成式 AI 和 LLM 入门](\u002Flessons\u002F01-intro-to-genai\u002FREADME.md) | 理解生成式 AI 和 LLM 的基础知识、它们在 JavaScript 中的应用及局限性，以及如何利用 AI 改善用户体验。 |\n| 2 | [构建你的第一个 AI 应用](\u002Flessons\u002F02-first-ai-app\u002FREADME.md) | 设置开发环境，编写一个基础应用，并理解系统提示词。 |\n| 3 | [提示工程](\u002Flessons\u002F03-prompt-engineering\u002FREADME.md) | 学习提示工程的基础知识、技巧以及元提示，以获得更好的 AI 结果。 |\n| 4 | [结构化输出](\u002Flessons\u002F04-structured-output\u002FREADME.md) | 学习结构化输出，如何从提示中提取数据，并以 JSON 等多种格式呈现，以便于使用。 |\n| 5 | [检索增强生成 (RAG)](\u002Flessons\u002F05-rag\u002FREADME.md) | 学习 RAG 的基础知识，如何整合外部数据，以及如何利用它来生成更相关、更准确的 AI 回答。 |\n| 6 | [工具调用\u002F函数调用](\u002Flessons\u002F06-tool-calling\u002FREADME.md) | 学习如何为你的 LLM 增加额外功能，引入你自己的函数  |\n| 7 | [MCP，模型上下文协议](\u002Flessons\u002F07-mcp\u002FREADME.md) | 教你如何开始使用 MCP 来标准化暴露提示、资源和工具的方式  |\n| 8 | [使用大型语言模型增强 MCP 客户端](\u002Flessons\u002F08-mcp-advanced\u002FREADME.md) | 学习如何通过 LLM 等方式改进你的 MCP 客户端  |\n\n未来还会不断新增课程，敬请期待！\n\n## 继续学习\n\n🙌 完成本课程后，您可以通过探索我们的其他资源继续学习。\n\n\u003Cdetails>\n\u003Csummary>🎬视频系列\u003C\u002Fsummary>\n\n| # | 会话 | 描述 | 幻灯片 | 演示 | 文本稿 | 视频 |\n|---|---------|-------------|--------|------|--------|-------|\n| 0 | 系列介绍 | 介绍本系列及其内容。 | [pptx](\u002Fvideos\u002Fslides\u002F00-intro.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F00-intro.pdf) | - | [文本稿](\u002Fvideos\u002Fsessions\u002F00-intro.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=vLYtDgs_zx8&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=1) |\n| 1 | 关于LLM你需要知道什么 | 探讨LLM是什么、如何训练、工作原理及其局限性。 | [pptx](\u002Fvideos\u002Fslides\u002F01-llms.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F01-llms.pdf) | [演示](\u002Fvideos\u002Fdemos\u002F01-llms\u002F) | [文本稿](\u002Fvideos\u002Fsessions\u002F01-llms.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=GQ_2OjNZ9aA&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=2)  |\n| 2 | 必备的提示工程技巧 | 实用的提示工程技巧，帮助你充分发挥AI模型的能力。 | [pptx](\u002Fvideos\u002Fslides\u002F02-prompt-engineering.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F02-prompt-engineering.pdf) | [演示](\u002Fvideos\u002Fdemos\u002F02-prompt-engineering\u002F) | [文本稿](\u002Fvideos\u002Fsessions\u002F02-prompt-engineering.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=gQ6TlyxBmWs&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=3)  |\n| 3 | 使用RAG提升AI的准确性和可靠性 | 介绍检索增强生成技术，以便结合自有数据使用AI。 | [pptx](\u002Fvideos\u002Fslides\u002F03-rag.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F03-rag.pdf) | [演示](\u002Fvideos\u002Fdemos\u002F03-rag\u002F) | [文本稿](\u002Fvideos\u002Fsessions\u002F03-rag.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=xkFOmx5yxIA&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=4) |\n| 4 | 使用LangChain.js加速你的AI开发 | 讲解LangChain.js框架的核心概念，以及如何利用它来加速AI开发。 | [pptx](\u002Fvideos\u002Fslides\u002F04-langchainjs.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F04-langchainjs.pdf) | [演示](\u002Fvideos\u002Fdemos\u002F04-langchainjs\u002F) | [文本稿](\u002Fvideos\u002Fsessions\u002F04-langchainjs.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=02IDU8eCX8o&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=5) |\n| 5 | 使用Ollama在本地运行AI模型 | 展示如何将本地AI模型集成到你的开发流程中。 | [pptx](\u002Fvideos\u002Fslides\u002F05-local-models.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F05-local-models.pdf) | [演示](\u002Fvideos\u002Fdemos\u002F05-local-models\u002F) | [文本稿](\u002Fvideos\u002Fsessions\u002F05-local-models.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=dLfNnoPv4AQ&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=6) |\n| 6 | 使用Phi-3免费入门AI | 直接在浏览器中通过Ollama和Phi-3模型进行实验。 | [pptx](\u002Fvideos\u002Fslides\u002F06-playground.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F06-playground.pdf) | [演示](\u002Fvideos\u002Fdemos\u002F06-playground\u002F) | [文本稿](\u002Fvideos\u002Fsessions\u002F06-playground.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=Ds32MS9SHzU&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=7) |\n| 7 | Azure AI Foundry简介 | 带你开启Azure AI Foundry之旅。 | [pptx](\u002Fvideos\u002Fslides\u002F07-ai-foundry.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F07-ai-foundry.pdf) | [演示](\u002Fvideos\u002Fdemos\u002F07-ai-foundry\u002F) | [文本稿](\u002Fvideos\u002Fsessions\u002F07-ai-foundry.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=9Mo-VOGk8ng&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=8) |\n| 8 | 使用Azure Cosmos DB构建生成式AI应用 | 利用Azure Cosmos DB和向量搜索构建生成式AI应用。 | [pptx](\u002Fvideos\u002Fslides\u002F08-cosmos-db.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F08-cosmos-db.pdf) | [演示](\u002Fvideos\u002Fdemos\u002F08-cosmos-db\u002F) | [文本稿](\u002Fvideos\u002Fsessions\u002F08-cosmos-db.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=-GQyaLbeqxQ&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=9)  |\n| 9 | 用于托管和存储AI应用的Azure工具与服务 | 使用Azure工具构建、部署和扩展AI应用程序。 | [pptx](\u002Fvideos\u002Fslides\u002F09-azure-tools.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F09-azure-tools.pdf) | - | [文本稿](\u002Fvideos\u002Fsessions\u002F09-azure-tools.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=WB6Fpzhwyug&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=10) |\n| 10 | 使用AI聊天协议流式传输生成式AI输出 | 通过AI聊天协议轻松地将流式传输集成到你的应用中。 | [pptx](\u002Fvideos\u002Fslides\u002F10-chat-protocol.pptx) \u002F [pdf](\u002Fvideos\u002Fslides\u002Fpdf\u002F10-chat-protocol.pdf) | [演示](\u002Fvideos\u002Fdemos\u002F10-chat-protocol\u002F) | [文本稿](\u002Fvideos\u002Fsessions\u002F10-chat-protocol.md) | [📺](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=fzDCW-6hMtU&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=11) |\n\n如需查看完整的资源页面，请访问此[视频概览页](\u002Fvideos\u002FREADME.md)。\n\n\u003C\u002Fdetails>\n\n\n你还可以找到更多资源，包括[教程、代码示例等](\u002Fdocs\u002Fadditional-resources.md)。\n\n## 负责任的AI免责声明\n\n> [!重要]\n> 免责声明：本仓库包含由AI生成的虚构内容。此处描绘的历史人物之所以能够作出回应，得益于基于训练数据的生成式AI技术。这些人物所生成的任何回应均不代表其真实观点或引言。本内容仅用于娱乐目的。[微软负责任的AI原则请见此处](https:\u002F\u002Fwww.microsoft.com\u002Fen-us\u002Fai\u002Fprinciples-and-approach\u002F)\n\n## 🎒其他课程\n\n- [面向初学者的生成式AI](https:\u002F\u002Faka.ms\u002Fgenai-beginners)\n- [面向初学者的.NET生成式AI](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002FGenerative-AI-for-beginners-dotnet)\n- [使用JavaScript的生成式AI](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fgenerative-ai-with-javascript)\n- [使用Java的生成式AI](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002FGenerative-AI-for-beginners-java)\n- [面向初学者的AI](https:\u002F\u002Faka.ms\u002Fai-beginners)\n- [面向初学者的AI智能体课程](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fai-agents-for-beginners)\n- [面向初学者的数据科学](https:\u002F\u002Faka.ms\u002Fdatascience-beginners)\n- [面向初学者的机器学习](https:\u002F\u002Faka.ms\u002Fml-beginners)\n- [面向初学者的网络安全](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002FSecurity-101)\n- [面向初学者的Web开发](https:\u002F\u002Faka.ms\u002Fwebdev-beginners)\n- [面向初学者的物联网](https:\u002F\u002Faka.ms\u002Fiot-beginners)\n- [面向初学者的XR开发](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fxr-development-for-beginners)\n- [掌握GitHub Copilot进行结对编程](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002FMastering-GitHub-Copilot-for-Paired-Programming)\n- [掌握GitHub Copilot用于C#\u002F.NET开发者](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fmastering-github-copilot-for-dotnet-csharp-developers)\n- [选择属于你的Copilot冒险](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002FCopilotAdventures)\n\n## 获取帮助\n\n如果您在构建 AI 应用时遇到困难或有任何疑问，请加入：\n\n[![Azure AI Foundry Discord](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FDiscord-Azure_AI_Foundry_Community_Discord-blue?style=for-the-badge&logo=discord&color=5865f2&logoColor=fff)](https:\u002F\u002Faka.ms\u002Ffoundry\u002Fdiscord)\n\n如果您在构建过程中遇到产品反馈或错误，请访问：\n\n[![Azure AI Foundry 开发者论坛](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FGitHub-Azure_AI_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https:\u002F\u002Faka.ms\u002Ffoundry\u002Fforum)","# Generative AI with JavaScript 快速上手指南\n\n本指南帮助开发者快速开始使用 Microsoft 开源的 **Generative AI with JavaScript** 课程，通过有趣的“时间旅行”主题学习生成式 AI 技术。\n\n## 环境准备\n\n### 系统要求\n- **操作系统**: Windows, macOS, 或 Linux\n- **浏览器**: 推荐最新版的 Chrome, Edge 或 Firefox\n- **网络**: 需要能够访问 GitHub 和 Azure 服务（如需使用云端模型）\n\n### 前置依赖\n你无需在本地安装复杂的开发环境，本项目推荐使用以下两种方式之一：\n\n1.  **GitHub Codespaces (推荐)**: 无需本地安装 Node.js 或任何依赖，直接在浏览器中运行预配置的环境。\n2.  **本地开发环境**:\n    -   [Node.js](https:\u002F\u002Fnodejs.org\u002F) (建议 LTS 版本)\n    -   [Git](https:\u002F\u002Fgit-scm.com\u002F)\n    -   代码编辑器 (如 VS Code)\n\n> **注意**: 本课程利用 [GitHub Models](https:\u002F\u002Fgithub.com\u002Fmarketplace\u002Fmodels) 提供免费的大模型访问权限，使用 Codespaces 可直接集成，无需额外配置 API Key。\n\n## 安装步骤\n\n### 方式一：使用 GitHub Codespaces (最简单)\n\n1.  **Fork 仓库**:\n    点击仓库右上角的 **Fork** 按钮，或直接访问：\n    [![Fork Repository](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FFork-Repository-blue?style=flat-square)](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fgenerative-ai-with-javascript\u002Ffork)\n\n2.  **创建 Codespace**:\n    -   进入你 Fork 后的仓库页面。\n    -   点击绿色的 **Code** 按钮。\n    -   切换到 **Codespaces** 标签页。\n    -   点击 **Create codespace on main**。\n\n3.  **等待环境就绪**:\n    系统会自动创建一个预配置的在线开发环境，安装所有必要的依赖。启动完成后，你即可在浏览器内置的 VS Code 界面中开始学习。\n\n### 方式二：本地运行\n\n如果你更倾向于在本地机器上运行：\n\n1.  **克隆仓库**:\n    ```bash\n    git clone https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fgenerative-ai-with-javascript.git\n    cd generative-ai-with-javascript\n    ```\n\n2.  **安装依赖**:\n    进入具体的课程目录（例如第一课）或主应用目录安装依赖。通常根目录或 `app` 目录下包含 `package.json`。\n    ```bash\n    # 以运行配套应用为例\n    cd app\n    npm install\n    ```\n\n3.  **配置环境变量**:\n    如果不在 Codespaces 中运行，你可能需要自行配置大模型的 API Key。请参考 `\u002Fdocs\u002Fsetup\u002FREADME.md` 获取详细的环境变量设置说明。\n\n## 基本使用\n\n本课程包含 8 个核心章节，从基础概念到高级应用（如 MCP 协议）。以下是快速体验流程：\n\n### 1. 开始第一个课程\n在 Codespaces 或本地文件浏览器中，打开 `lessons\u002F01-intro-to-genai\u002FREADME.md`。按照文档中的指示阅读理论部分并完成练习。\n\n### 2. 运行配套应用 (Companion App)\n本项目提供了一个可以与历史人物（如达芬奇、Ada Lovelace）对话的示例应用，用于演示生成式 AI 的实际效果。\n\n**在 Codespaces 中运行:**\n由于环境已预配置，直接进入应用目录并启动：\n```bash\ncd app\nnpm start\n```\n终端会显示一个本地预览链接（通常是 `https:\u002F\u002F\u003Cyour-codespace-id>-3000.app.github.dev`），点击该链接即可在浏览器中与 AI 角色互动。\n\n**在本地运行:**\n```bash\ncd app\n# 确保已配置好 .env 文件中的模型密钥\nnpm start\n```\n然后在浏览器访问 `http:\u002F\u002Flocalhost:3000`。\n\n### 3. 探索代码示例\n每个课程文件夹（`lessons\u002Fxx-xxx\u002F`）都包含：\n-   `README.md`: 详细的图文教程。\n-   `solution\u002F`: 练习的参考代码。\n-   代码片段: 可直接在编辑器中运行测试的 `.js` 或 `.ts` 文件。\n\n### 4. 观看视频教程\n课程配套了完整的视频系列。你可以在仓库的 `\u002Fvideos` 目录找到幻灯片和脚本，或直接访问 [YouTube 播放列表](https:\u002F\u002Faka.ms\u002Fgenai-js) 观看演示。\n\n---\n*提示：随着学习深入，你可以尝试第 7 和第 8 课，学习如何构建和增强 MCP (Model Context Protocol) 服务器，这是当前连接 AI 模型与外部工具的最新标准。*","某前端开发团队计划为博物馆开发一款互动教育网页，让用户能通过对话“穿越”时空与达芬奇等历史人物交流，但团队缺乏生成式 AI 的实战经验。\n\n### 没有 generative-ai-with-javascript 时\n- 开发者需从零摸索如何调用大模型 API，面对复杂的鉴权、流式响应处理束手无策，开发周期被迫拉长。\n- 难以设计符合历史人设的提示词（Prompt），导致 AI 回答生硬或出现时代错乱，破坏沉浸式体验。\n- 缺乏现成的 JavaScript 示例代码，团队在本地环境配置和模型调试上耗费大量时间，甚至因配置错误而放弃。\n- 不知道如何将 AI 能力安全、合规地集成到现有应用中，担心产生不可控的有害输出。\n- 学习资源分散且理论化严重，缺乏结合具体业务场景（如角色对话）的实操指导，新手上手门槛极高。\n\n### 使用 generative-ai-with-javascript 后\n- 直接复用课程中完整的 JavaScript 代码示例和 GitHub Codespaces 预配环境，几分钟内即可跑通首个 AI 对话功能。\n- 借鉴“时间旅行”故事线中的提示词工程技巧，轻松让 AI 扮演出性格鲜明的历史人物，对话自然且富有教育意义。\n- 跟随分步教程快速掌握 MCP（模型上下文协议）等进阶技术，高效构建并测试支持复杂交互的本地服务器。\n- 利用内置的负责任 AI 指南和最佳实践，有效过滤不当内容，确保应用输出的安全性与准确性。\n- 通过“漫画书式”的图文视频结合教程，团队成员在趣味故事中快速掌握核心技术，立即将所学应用于项目迭代。\n\ngenerative-ai-with-javascript 将枯燥的 AI 技术学习转化为一场生动的历史冒险，帮助开发者零门槛构建高质量的生成式 AI 应用。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fmicrosoft_generative-ai-with-javascript_5a50f015.png","microsoft","Microsoft","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fmicrosoft_4900709c.png","Open source projects and samples from Microsoft",null,"opensource@microsoft.com","OpenAtMicrosoft","https:\u002F\u002Fopensource.microsoft.com","https:\u002F\u002Fgithub.com\u002Fmicrosoft",[86,90,94,98],{"name":87,"color":88,"percentage":89},"JavaScript","#f1e05a",47.9,{"name":91,"color":92,"percentage":93},"TypeScript","#3178c6",24.1,{"name":95,"color":96,"percentage":97},"HTML","#e34c26",16,{"name":99,"color":100,"percentage":101},"CSS","#663399",12,1167,767,"2026-04-05T10:13:20","MIT","Linux, macOS, Windows","非必需（主要基于云端 API 或 GitHub Models，本地运行可选 Ollama）","未说明",{"notes":110,"python":108,"dependencies":111},"本项目主要面向 JavaScript\u002FTypeScript 开发者。推荐使用 GitHub Codespaces 在线运行以自动配置环境并免费使用 GitHub Models；若需本地运行，请参考 docs\u002Fsetup 目录。部分课程涉及使用 Ollama 在本地运行模型（如 Phi-3），或使用 Azure AI Foundry 服务。无需特定 Python 环境或重型 GPU 即可开始学习，核心依赖为 Node.js 运行时。",[112,87,113,114,115,116],"Node.js","GitHub Models","Ollama (可选)","LangChain.js","Azure AI SDK",[15,14,26,13],[119,120,121,122,123,124],"ai","generative-ai","javascript","llm","samples","training","2026-03-27T02:49:30.150509","2026-04-06T09:03:26.724750",[128,133,138,143,148,153],{"id":129,"question_zh":130,"answer_zh":131,"source_url":132},18562,"如何选择不迁移到 Microsoft 内部的 GitHub (GitHub inside Microsoft)？","如果您希望仓库保持公开（开源）或用于外部协作，可以选择不迁移。只需在相关 Issue 下评论命令：`@gimsvc optout --reason staging`（表示将作为开源项目发布）或 `@gimsvc optout --reason collaboration`（表示用于外部第三方协作）。注意：只有拥有仓库 `admin` 权限的用户才能执行此操作，否则仓库可能会被自动归档。","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fgenerative-ai-with-javascript\u002Fissues\u002F1",{"id":134,"question_zh":135,"answer_zh":136,"source_url":137},18563,"演示文稿中似乎缺少关于“训练 (Training)”部分的幻灯片，这是错误吗？","这不是缺失幻灯片。这是因为演示文稿中使用了动画效果：当您开始播放演示文稿时，动画会逐步揭示不同的部分内容。请尝试全屏播放以查看完整内容。","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fgenerative-ai-with-javascript\u002Fissues\u002F5",{"id":139,"question_zh":140,"answer_zh":141,"source_url":142},18564,"如何参与将该教程翻译成葡萄牙语？","社区成员可以通过创建 Pull Request (PR) 来贡献翻译。例如，有贡献者已经为第一课创建了 PR (如 PR #93)。建议您先定位或为每个课程创建所需的 README 文件，然后提交翻译内容，并邀请维护者（如 @glaucia86）进行审查。","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fgenerative-ai-with-javascript\u002Fissues\u002F86",{"id":144,"question_zh":145,"answer_zh":146,"source_url":147},18565,"在哪里可以找到官方的 Azure AI 社区 Discord 和开发者论坛链接？","您可以在项目根目录的 README.md 文件中找到“Getting Help”部分。官方链接包括：Azure AI Foundry Discord 社区 (https:\u002F\u002Faka.ms\u002Ffoundry\u002Fdiscord) 用于交流讨论，以及 Azure AI Foundry Developer Forum (https:\u002F\u002Faka.ms\u002Ffoundry\u002Fforum) 用于反馈产品问题或构建时的错误。","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fgenerative-ai-with-javascript\u002Fissues\u002F170",{"id":149,"question_zh":150,"answer_zh":151,"source_url":152},18566,"文档中的某些链接显示 404 错误或 403 禁止访问，该如何处理？","这通常是因为链接指向的资源已移动、删除，或者目标网站（如 Pixabay）限制了自动化访问工具的抓取（返回 403）。对于 404 错误（如指向 `ollama-javascript-playground` 的链接），需要更新文档以指向正确的地址；对于 403 错误，通常不影响人类用户直接在浏览器中访问，但可能需要调整链接检查器的配置或在文档中添加说明。","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fgenerative-ai-with-javascript\u002Fissues\u002F169",{"id":154,"question_zh":155,"answer_zh":156,"source_url":157},18567,"如何帮助改进项目的文档质量（如拼写、格式一致性）？","您可以针对特定的文档文件（如 `lessons\u002F01-intro-to-genai\u002FREADME.md`）进行检查。主要任务包括：校对拼写和语法错误、统一标点符号和空格（例如列表项后的句号）、检查 Markdown 链接格式的一致性、验证图片和链接是否有效，以及确保标题样式统一。完成后可提交 PR 供审查。","https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fgenerative-ai-with-javascript\u002Fissues\u002F183",[]]