- Notifications
You must be signed in to change notification settings - Fork525
Join a time-traveling adventure where you meet history’s legends while learning Generative AI technologies! ✨
License
microsoft/generative-ai-with-javascript
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
⭐ If you like this repo, star it on GitHub — it helps a lot!
Ready to integrate Generative AI into your JavaScript apps?
This course throws you into atime-traveling adventure—meet history’s legends with a fun twist, while learning Generative AI technologies ✨
Important
Open-source vibes! Reuse, tweak, and share this content freely.
- Learn how tobuild and test out your first server
- Improve your MCP client byintegrating an LLM
Help us translate this course. Each lesson inlessons/ folder has atranslations/ directory. Add your translation file like soREADME.<language code>.md, for exampleREADME.es.md. - Thank You.
Dive into an immersive learning experience powered by Generative AI:
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!
Epic Time-Travel Stories.Dive into a fun tale, chatting with icons like Leonardo da Vinci, Ada Lovelace, or Montezuma in every lesson.
Companion App. Interact with historical figures using Generative AI technologies (see our Responsible AI disclaimer).
Check theapp directory to run theapp locally or useGitHub Codespaces to run it online.
Accessibility FTW. Read it, hear it—audio tags bring it to life.
“It’s like a comic book with code!” — Happy User
Throughout 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:
Select theFork button in the upper right-hand corner of the repository or select this button:
Click theCode button in your forked repository, go to theCodespaces tab, and then chooseCreate codespace.
This will create a preconfigured online environment for you. You'll then be able to useGitHub Models to run the code examples and interact with AI models for free, without any additional setup.
Note
While GitHub Codespaces provides a quick and easy starting point you can also run the code sampleslocally.
Learn more aboutGitHub Codespaces and GitHub Models concepts here.
📦 Each lesson includes:
- Awritten lesson with an assignment and quiz.
- A shortvideo to help further your learning.
- Solutions for each assignment and quiz.
- Characters you can interact with using ourcompanion app, demonstrating Generative AI.
🗃️ Table of contents
| # | Lesson Link | Description |
|---|---|---|
| 1 | Introduction to Generative AI and LLMs for JavaScript Developers | Understand Generative AI and LLM fundamentals, their applications and limits in JavaScript, and how to use AI to enhance user experiences. |
| 2 | Build your first AI app | Set up your development environment, write a basic app, and understand system prompts. |
| 3 | Prompt engineering | Learn Prompt engineering fundamentals, techniques, and meta-prompts for better AI outcomes. |
| 4 | Structured output | Learn structured output, how to extract data from prompts, and present it in various formats, such as JSON, for easier consumption. |
| 5 | Retrieval augmented generation (RAG) | Learn the basics of RAG, how to integrate external data, and how to leverage it for more relevant, accurate AI responses. |
| 6 | Tool calling/Function calling | Learn how to give your LLM extra capbilities, bring your own functions |
| 7 | MCP, Model Context Protocol | Teaches how to get started with MCP to standardize how to expose prompts, resources and tools |
| 8 | Enhancing MCP Clients with Large Language Models | Learn how to improve your MCP app by improving clients with LLM and more |
New lessons will be added to the course over time, so stay tuned!
🙌 After completing this course, you can continue learning by exploring our additional resources.
🎬Video Series
| # | Session | Description | Slides | Demo | Script | Video |
|---|---|---|---|---|---|---|
| 0 | Series introduction | Introduces the series and its content. | pptx /pdf | - | Script | 📺 |
| 1 | What you need to know about LLMs | Explores what LLMs are, how they're trained, how they work and their limits. | pptx /pdf | Demo | Script | 📺 |
| 2 | Essential prompt engineering techniques | Practical prompt engineering techniques to get the best out of AI models. | pptx /pdf | Demo | Script | 📺 |
| 3 | Improve AI accuracy and reliability with RAG | Introduces Retrieval-Augmented Generation, to use AI with your own data. | pptx /pdf | Demo | Script | 📺 |
| 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 /pdf | Demo | Script | 📺 |
| 5 | Run AI models on your local machine with Ollama | Shows how to integrate local AI models into your development workflow. | pptx /pdf | Demo | Script | 📺 |
| 6 | Get started with AI for free using Phi-3 | Experiments with Ollama and Phi-3 model directly from your browser. | pptx /pdf | Demo | Script | 📺 |
| 7 | Introduction to Azure AI Foundry | Kickstart your journey with Azure AI Foundry. | pptx /pdf | Demo | Script | 📺 |
| 8 | Building Generative AI Apps with Azure Cosmos DB | Build generative AI apps with Azure Cosmos DB and vector search. | pptx /pdf | Demo | Script | 📺 |
| 9 | Azure tools & services for hosting and storing AI apps | Build, deploy, and scale AI applications using Azure tools. | pptx /pdf | - | Script | 📺 |
| 10 | Streaming Generative AI output with the AI Chat Protocol | Integrate streaming easily into your apps with the AI Chat Protocol. | pptx /pdf | Demo | Script | 📺 |
To see the full page of resources, go to thisvideo overview page.
🎒 Other Courses
- Generative AI for Beginners
- Generative AI for Beginners .NET
- Generative AI with JavaScript
- AI for Beginners
- AI Agents for Beginners - A Course
- Data Science for Beginners
- ML for Beginners
- Cybersecurity for Beginners
- Web Dev for Beginners
- IoT for Beginners
- XR Development for Beginners
- Mastering GitHub Copilot for Paired Programming
- Mastering GitHub Copilot for C#/.NET Developers
- Choose Your Own Copilot Adventure
You'll also find additional resources in the form oftutorials, code samples and more.
Important
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
About
Join a time-traveling adventure where you meet history’s legends while learning Generative AI technologies! ✨
Topics
Resources
License
Code of conduct
Security policy
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Uh oh!
There was an error while loading.Please reload this page.