microsoft/generative-ai-with-javascriptPublic

NotificationsYou must be signed in to change notification settings
Fork525
Star814

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

microsoft.github.io/generative-ai-with-javascript/

License

MIT license

814 stars 525 forks Branches Tags Activity

Star

Notifications

You must be signed in to change notification settings

Branches Tags

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 101 Commits
.devcontainer		.devcontainer
.github		.github
.vscode		.vscode
docs		docs
lessons		lessons
videos		videos
.editorconfig		.editorconfig
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md
glossary.md		glossary.md
package-lock.json		package-lock.json
package.json		package.json

Repository files navigation

Generative AI with JavaScript

⭐ If you like this repo, star it on GitHub — it helps a lot!

Getting Started •Lessons •Keep Learning •Other Courses

This course aims to take you through a series of 5 lessons so that you can integrate Generative AI in your JavaScript apps.

To make it a fun learning experience, we've added a narrative to each lesson. It's atime travelling adventure where you will encounter famous characters throughout history! ✨

Important

All the content in this repository is open-source, so feel free toreuse it, adapt it to make it your own, and share it with others!

🌱 Getting Started

Along 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:
On your forked repository, select theCode button, then theCodespaces tab, thenCreate 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 LLMs for free, without any additional setup.

Using your local environment

If you prefer working in your local environment, first you need to install the following tools:

Then after forking the repository, you can clone it to your local machine:

On your forked repository, select theCode button, then theLocal tab, and copy the URL of your forked repository.
Open a terminal and run this command to clone the repo:git clone <your-repo-url>
Open the cloned repository in Visual Studio Code.

📦 Each Lesson Includes

Awritten lesson with an assignment and quiz.
A shortvideo, to help further your learning.
Solution for assignment and quiz.
Character app: running this app demonstrates Generative AI and gives you a chance to have conversation with a historical figure.

🗃️ Lessons

#	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 Ppompt 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 (like 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.