diff --git a/README.md b/README.md index 26b0043d..9eb50196 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -
+
diff --git a/_sidebar.md b/_sidebar.md new file mode 100644 index 00000000..b3ab5408 --- /dev/null +++ b/_sidebar.md @@ -0,0 +1,10 @@ +- Lessons + - [01 - Intro to Gen AI](/lessons/01-intro-to-genai/README.md) + - [02 - First AI App](/lessons/02-first-ai-app/README.md) + - [03 - Prompt Engineering](/lessons/03-prompt-engineering/README.md) + - [04 - Structured Output](/lessons/04-structured-output/README.md) + - [05 - Retrieval Augmented Generation](/lessons/05-rag/README.md) + - [06 - Tool Calling](/lessons/06-tool-calling/README.md) + - [07 - MCP](/lessons/07-mcp/README.md) + - [08 - MCP, improving Client with LLM](/lessons/08-mcp-advanced/README.md) + diff --git a/index.html b/index.html new file mode 100644 index 00000000..9ffb7a82 --- /dev/null +++ b/index.html @@ -0,0 +1,45 @@ + + + + + Web Dev for Beginners + + + + + + + + +
+ + + + + diff --git a/lessons/01-intro-to-genai/README.md b/lessons/01-intro-to-genai/README.md index 0978e384..e6ac7595 100644 --- a/lessons/01-intro-to-genai/README.md +++ b/lessons/01-intro-to-genai/README.md @@ -16,7 +16,7 @@ If you haven't already, set up your development environment. Here's how you can _This video gives you an introduction to Generative AI with JavaScript_ -💼 Slides: [Introduction to Generative AI](../../videos/slides/00-intro.pptx) +💼 Slides: [Introduction to Generative AI](/videos/slides/00-intro.pptx) ## Generative AI @@ -43,7 +43,7 @@ In the heart of 1860s London, you are recognized as one of the most skilled mech Your workbench, the heart of your workshop, is an organized mess.
- London Workshop + London Workshop
_At the center of the bench lies the torso of a robot—an engineering marvel that has consumed months of effort. Its wooden frame is intricately carved, each joint meticulously designed for smooth movement._ @@ -75,7 +75,7 @@ It's dark and gloomy inside, the only light filtering through the grimy windows, As your eyes adjust to the dim light, you notice a figure in the distance, waving at you. You walk towards him, your footsteps echoing on the wooden floor. The figure becomes clearer, and you recognize him from newspaper photos, it's Charles Babbage.
- Dusty Library + Dusty Library
### What's This Device? @@ -91,7 +91,7 @@ Compelled by curiosity, your fingers drift toward the red button. The moment you Then, blackness, and a sense of falling.
- Time Vortex + Time Vortex
### Alexandria 300 BC @@ -101,7 +101,7 @@ You awaken, disoriented. As your vision clears, an ancient city unfolds before y People in togas move through the streets, their voices blending into a symphony of ancient dialects, air filled with the scent of exotic spices and the distant sound of merchants hawking their wares.
- Alexandria 300 BC + Alexandria 300 BC
**You:** Surely, I must have hit my head, you think, closing your eyes and opening them again, scene remains unchanged. @@ -113,7 +113,7 @@ Am I stuck in the past? Do I dare press that button again? Before you can decide An elderly gentleman wearing a toga waves at you from the steps of the grand temple. His white hair and beard catch the sunlight, giving him an almost ethereal glow.
- Dinocrates wearing a toga + Dinocrates wearing a toga
**Dinocrates:** "Welcome, traveler," he says warmly. "I am Dinocrates, architect of this great city. Your arrival was foretold." @@ -145,7 +145,7 @@ A thought strikes you. Can the device understand me if I speak to it? **You:** You're right, George is a good name, it was my father's name in fact.
- Time travel device resembling a metallic beetle + Time travel device resembling a metallic beetle
_Time device, “George” the metallic beetle_ @@ -166,7 +166,7 @@ If you want to interact with Dinocrates, run the [Characters](/app/README.md) ap > [Responsible AI disclaimer](../../README.md#responsible-ai-disclaimer)
- Dinocrates wearing a toga + Dinocrates wearing a toga
**Steps**: @@ -178,7 +178,7 @@ If you want to interact with Dinocrates, run the [Characters](/app/README.md) ap 5. Chat with Dinocrates. > [!NOTE] - > If you're running the project locally on your machine, please review the QuickStart guide to get a [GitHub personal access](../../docs/setup/README.md#creating-a-personal-access-token-pat-for-github-model-access) token setup and replace the key in the code. + > If you're running the project locally on your machine, please review the QuickStart guide to get a [GitHub personal access](/docs/setup/README.md#creating-a-personal-access-token-pat-for-github-model-access) token setup and replace the key in the code. ### Code Sneak Peek @@ -344,7 +344,7 @@ Visit [Microsoft Copilot](https://copilot.microsoft.com), [ChatGPT](https://chat ## Solution -[Solution](./solution/solution.md) +[Solution](/lessons/01-intro-to-genai/solution/solution.md) ### Knowledge Check @@ -354,7 +354,7 @@ A. JavaScript powered Generative AI apps can only generate text. B. JavaScript can be used to build AI-powered applications, including chatbots, text generation tools, and more. C. Python is the only language used for AI development. -[Quiz solution](./solution/solution-quiz.md) +[Quiz solution](/lessons/01-intro-to-genai/solution/solution-quiz.md) ## Self-Study Resources diff --git a/lessons/02-first-ai-app/README.md b/lessons/02-first-ai-app/README.md index 5cf4e9ad..6c84df75 100644 --- a/lessons/02-first-ai-app/README.md +++ b/lessons/02-first-ai-app/README.md @@ -18,7 +18,7 @@ _This video gives you an introduction to AI models called "large language models *🎥 Click on the image above to watch a short video about large language models* -💼 Slides: [Introduction to large language models, LLMs](../../videos/slides/01-llms.pptx) +💼 Slides: [Introduction to large language models, LLMs](/videos/slides/01-llms.pptx) ## Narrative: Picture yourself in a boat on a river @@ -26,7 +26,7 @@ _This video gives you an introduction to AI models called "large language models > [!NOTE] > _Our story so far: You are a maker of things, a craftsman from 1860s London who has traveled through time using a mysterious device called the Time Beetle. You've journeyed through the annals of history, witnessing the creation of the lighthouse at Alexandria, a marvel of ancient engineering you helped create with a little help from Dinocrates and the Time Beetle._ > -> See [Lesson 1](../01-intro-to-genai/README.md) if you want to catch up with the story from the beginning and get started with Generative AI. +> See [Lesson 1](/lessons/01-intro-to-genai/README.md) if you want to catch up with the story from the beginning and get started with Generative AI. > [!NOTE] > While we recommend going through the story (it's fun!), [click here](#interact-with-leonardo) if you'd prefer to jump straight to the technical content. @@ -42,7 +42,7 @@ When you open your eyes, the world has shifted. As you manage to get up, you rea Looking around the boat, you find a long oar resting against the side. Grasping it, you begin to row towards the distant buildings. As you get closer, the buildings come into sharper focus, they are old, their architecture reminiscent of a Renaissance painting.
- Boat on the rive, man standing with a paddle + Boat on the rive, man standing with a paddle
The question now is, where and when are you this time? @@ -52,7 +52,7 @@ You manage to secure the boat at the dock and start walking along the wooden pla As you walk, you notice a man with a long beard and a hat, digging through a crate of what looks like mechanical parts. His hands move deftly, sorting through gears and springs with practiced ease.
- Leonardo Da Vinci standing next to a crate in the harbour + Leonardo Da Vinci standing next to a crate in the harbour
### Help me, Leonardo @@ -82,7 +82,7 @@ As you walk, you notice a man with a long beard and a hat, digging through a cra ### At the workshop
- Lenoardos workshop + Lenoardos workshop
The old man leads you to a large wooden door and you are greeted by the sight of a workshop filled with all sorts of mechanical contraptions. @@ -122,10 +122,10 @@ If you want to interact with Leonardo, run the [Characters](/app/README.md) app. > [!IMPORTANT] > This is entirely fictional; the responses are generated by AI. -> [Responsible AI disclaimer](../../README.md#responsible-ai-disclaimer) +> [Responsible AI disclaimer](/README.md#responsible-ai-disclaimer)
- +
**Steps**: @@ -139,7 +139,7 @@ If you want to interact with Leonardo, run the [Characters](/app/README.md) app. For a more detailed explanation of the app, see [Detailed app explanation](/lessons/01-intro-to-genai/README.md#interact-with-dinocrates). > [!NOTE] - > If you're running the project locally on your machine, please review the QuickStart guide to get a [GitHub personal access](../../docs/setup/README.md#creating-a-personal-access-token-pat-for-github-model-access) token setup and replace the key in the code. + > If you're running the project locally on your machine, please review the QuickStart guide to get a [GitHub personal access](/docs/setup/README.md#creating-a-personal-access-token-pat-for-github-model-access) token setup and replace the key in the code. ## Development environment setup @@ -409,7 +409,7 @@ This means the majority of tokens can be spent on the input tokens, i.e 128k - 1 I want you to generate recipes for me. ``` -![Demo of tokenizer](./assets/tokenizer.png) +![Demo of tokenizer](/lessons/02-first-ai-app/assets/tokenizer.png) Running `tokenizer` on the sentence above gives us 9 tokens. @@ -462,7 +462,7 @@ Leonardo suddenly asked to inspect the Time Beetle closer, he looked at it from **Time Beetle:** Nothing
- Aerial screw, Leonardo Da Vinci + Aerial screw, Leonardo Da Vinci
> [!NOTE] @@ -488,7 +488,7 @@ Check out [Sample app](/app/README.md) to get started. ## Solution -[Solution](./solution/solution.md) +[Solution](/lessons/02-first-ai-app/solution/solution.md) ## Knowledge Check @@ -500,7 +500,7 @@ B. The context window is the number of previous messages that the AI uses to gen C. The context window determines how creative the AI's responses are. -[Quiz solution](./solution/solution-quiz.md) +[Quiz solution](/lessons/02-first-ai-app/solution/solution-quiz.md) ## Self-Study Resources diff --git a/lessons/03-prompt-engineering/README.md b/lessons/03-prompt-engineering/README.md index 18e39c3a..a241f93c 100644 --- a/lessons/03-prompt-engineering/README.md +++ b/lessons/03-prompt-engineering/README.md @@ -25,7 +25,7 @@ _This video offers an introduction to improving your "prompting" skills, teachin > [!NOTE] > So far, you've been on a journey through time with Leonardo da Vinci, exploring the wonders of the Renaissance. You've encountered the Time Beetle, a mysterious device that allows you to travel through time and space. > -> See [Lesson 1](../01-intro-to-genai/README.md) if you want to catch up with the story from the beginning. +> See [Lesson 1](/lessons/01-intro-to-genai/README.md) if you want to catch up with the story from the beginning. > [!NOTE] > While we recommend going through the story (it's fun!), [click here](#interact-with-sforza) if you'd prefer to jump straight to the technical content. @@ -35,7 +35,7 @@ _This video offers an introduction to improving your "prompting" skills, teachin Before you manage to press the button, the workshop doors slam open with a thunderous bang. A man stands in the doorway, broad-shouldered and dressed in expensive clothes, he waves a piece of paper in the air, yelling:
- An angry Ludovico Sforza busting in through the door + An angry Ludovico Sforza busting in through the door
*Ludovico Sforza* @@ -65,7 +65,7 @@ A swirl of colors envelops the carriage, the world around you dissolving into a The swirl of colors fades, and you find yourself in the carriage, now racing down the Via Appia in Rome and to your astonishment, you're in the middle of a horse race. Chariots thunder past, their wheels kicking up clouds of dust.
- Escape from Rome + Escape from Rome
**You:** Leonardo, where are we? @@ -105,7 +105,7 @@ With a final push, the aerial screw begins to spin. The blades catch the air, an You look out over the city; the ancient buildings stretch out below you.
- Airborne, looks down at the city with feet dangling + Airborne, looks down at the city with feet dangling
## Interact with Sforza @@ -117,7 +117,7 @@ If you want to interact with Sforza, run the [Characters](/app/README.md) app. > [Responsible AI disclaimer](/README.md#responsible-ai-disclaimer)
- Ludovico Sforza + Ludovico Sforza
**Steps**: @@ -320,7 +320,7 @@ Build an app in JavaScript that asks for the following inputs: Then use the LLM to incorporate these inputs and leverage the chain of thought prompting technique to guide the model to the right answer. -[Solution](./solution/solution.md) +[Solution](/lessons/03-prompt-engineering/solution/solution.md) ## Knowledge Check @@ -332,7 +332,7 @@ B. Prompt engineering is about crafting the right prompts to get the desired out C. Prompt engineering is about training a model to recognize patterns in data. -[Quiz solution](./solution/solution-quiz.md) +[Quiz solution](/lessons/03-prompt-engineering/solution/solution-quiz.md) ## Self-Study Resources diff --git a/lessons/04-structured-output/README.md b/lessons/04-structured-output/README.md index 7a0780c6..462dd92d 100644 --- a/lessons/04-structured-output/README.md +++ b/lessons/04-structured-output/README.md @@ -20,14 +20,14 @@ _This video offers an introduction to improving your "prompting" skills, teachin *🎥 Click on the image above to watch a short video about prompt engineering* -💼 Slides: [Prompt engineering](../../videos/slides/02-prompt-engineering.pptx) +💼 Slides: [Prompt engineering](/videos/slides/02-prompt-engineering.pptx) ## Narrative - Out of the frying pan and into the fire > [!NOTE] > _Our story so far: You, a mechanically trained engineer from 1860 and have been on a journey through time with Leonardo da Vinci. You've escaped Roman soldiers — or rather, you're in the process of escaping them— and you're desperately searching for a way to land the aeriel screw safely_. > -> See [Lesson 1](../01-intro-to-genai/README.md) if you want to catch up with the story from the beginning. +> See [Lesson 1](/lessons/01-intro-to-genai/README.md) if you want to catch up with the story from the beginning. > [!NOTE] > While we recommend going through the story (it's fun!), [click here](#interact-with-montezuma) if you'd prefer to jump straight to the technical content. @@ -47,7 +47,7 @@ The bright light from the Time Beetle fades, and you find yourself standing at t The aerial screw, rests awkwardly on a large, intricately carved stone, with markings that look like a calendar
- Aztec calendar, Wikipedia + Aztec calendar, Wikipedia
_Aztec calendar, Wikipedia_ @@ -59,7 +59,7 @@ Leonardo da Vinci steps forward, his eyes wide with wonder. Before you can react, a group of Aztec soldiers approaches.
- Meeting with Aztecs + Meeting with Aztecs
**Soldier leader:** "Who are you, and what have you done?" he demands in Nahuatl. @@ -83,7 +83,7 @@ Upon reaching the top of the pyramid, you are led into a grand chamber where Mon **Montezuma:** "Very well. I propose a game of [Patolli](#patolli). If I win the best of three games, you will give me your device and tell me how it works. If you win, you are free to go."
- Playing a game of Patolli + Playing a game of Patolli
The game begins, and the room falls silent, save for the sound of beans being rolled and pieces moving across the board. @@ -115,7 +115,7 @@ With a final, decisive move, Leonardo wins the game. The room erupts in cheers a > **Aztec Involvement**: Widely played by nobles and commoners, it was a favorite at Montezuma’s court. Beyond fun, it involved high-stakes gambling with bets like blankets, precious stones, or even freedom.
- Patolli board + Patolli board
_Patolli - Wikipedia_ @@ -536,7 +536,7 @@ See the [sample app](/app/README.md) for code to get started with. It contains a ## Solution -[Solution](./solution/solution.md) +[Solution](/lessons/04-structured-output/solution/solution.md) ## Challenge @@ -564,7 +564,7 @@ B. Extracting data from prompts. C. Generating unstructured text. -[Quiz solution](./solution/solution-quiz.md) +[Quiz solution](/lessons/04-structured-output/solution/solution-quiz.md) ## Self-Study Resources diff --git a/lessons/05-rag/README.md b/lessons/05-rag/README.md index dfdfaccb..b57d7d21 100644 --- a/lessons/05-rag/README.md +++ b/lessons/05-rag/README.md @@ -18,14 +18,14 @@ _This video explains Retrieval Augmented Generation (RAG), a method that helps t *🎥 Click on the image above to watch a short video about retrieval augmented generation, RAG* -💼 Slides: [Retrieval augmented generation, RAG](../../videos/slides/03-rag.pptx) +💼 Slides: [Retrieval augmented generation, RAG](/videos/slides/03-rag.pptx) ## Narrative - Genesis > [!NOTE] > _Our story so far. You are a mechanic from 1860s London. You were working on your automaton and received a letter from Charles Babbage that ended up taking you to a library where you picked up a time travel device. Throughout your travels in time you've ended up in Florence, where you met Leonardo Da Vinci. You also went to the Aztec empire and this is where the story continues._ > -> See [Lesson 1](../01-intro-to-genai/README.md) if you want to catch up with the story from the beginning. +> See [Lesson 1](/lessons/01-intro-to-genai/README.md) if you want to catch up with the story from the beginning. > [!NOTE] > While we recommend going through the story (it's fun!), [click here](#interact-with-ada-lovelace) if you'd prefer to jump straight to the technical content. @@ -37,7 +37,7 @@ _This video explains Retrieval Augmented Generation (RAG), a method that helps t You land in the garden, it's late at night with a thick fog and eerie lights are flickering in the distance. The mansion looms before you. Leonardo looks around, his eyes wide with wonder.
- Old mansion shown in a deep fog + Old mansion shown in a deep fog
### Running from the Dogs @@ -45,7 +45,7 @@ You land in the garden, it's late at night with a thick fog and eerie lights are You hear barking and the sound of dogs running towards you. You turn to Leonardo, "We need to get inside, now!"
- Running from the dogs + Running from the dogs
As you reach the mansion's door it swings open and a pair of attendants hurry out. After sizing you up, they motion for you to follow them. @@ -63,7 +63,7 @@ You come face to face with Ada Lovelace, her eyes gleaming with curiosity. **You:** But..
- Ada Lovelace and Charles Babbage working on a device + Ada Lovelace and Charles Babbage working on a device
Charles Babbage steps forward, examining the Time Beetle in your hand. "This device is remarkable, but it's a bit faulty, isn't it? You've noticed, I'm sure." @@ -85,7 +85,7 @@ If you want to interact with Ada, run the [Characters](/app/README.md) app. > [Responsible AI disclaimer](/README.md#responsible-ai-disclaimer)
- Ada Lovelace + Ada Lovelace
**Steps**: @@ -99,7 +99,7 @@ If you want to interact with Ada, run the [Characters](/app/README.md) app. For a more detailed explanation of the app, see [Detailed app explanation](/lessons/01-intro-to-genai/README.md#interact-with-dinocrates). > [!NOTE] - > If you're running the project locally on your machine, please review the QuickStart guide to get a [GitHub personal access](../../docs/setup/README.md#creating-a-personal-access-token-pat-for-github-model-access) token setup and replace the key in the code. + > If you're running the project locally on your machine, please review the QuickStart guide to get a [GitHub personal access](/docs/setup/README.md#creating-a-personal-access-token-pat-for-github-model-access) token setup and replace the key in the code. ## Known challenges with large language models, LLMs @@ -131,7 +131,7 @@ At its core, RAG involves two main components: a **retriever** and a **generator Here's a schema illustrating how a RAG system works: -![Schema of a RAG system](./assets/rag.png) +![Schema of a RAG system](/lessons/05-rag/assets/rag.png) 1. **User input:** The user asks a question. 2. **Retriever:** The retriever component searches for relevant information using one or more knowledge bases. @@ -284,7 +284,7 @@ for await (const chunk of chunks) { } ``` -You can find this code in the [`example/rag-cars.js`](./example/rag-cars.js) file along with the [`hybrid.csv`](./example/hybrid.csv) file containing the data used for the retrieval. +You can find this code in the [`example/rag-cars.js`](/lessons/05-rag/example/rag-cars.js) file along with the [`hybrid.csv`](/lessons/05-rag/example/hybrid.csv) file containing the data used for the retrieval. **Ada:** Once you run this code, you should see the data found in the CSV file by the retriever, formatted as a markdown table, followed by the AI-generated response to the question. Try changing the question to see how the retrieved data and response change. You can also try asking questions about unrelated topics to see how the AI model handles them. @@ -328,7 +328,7 @@ const text = Object.values(data.query.pages)[0]?.extract; ## Solution -[Solution](./solution/rag-www.js) +[Solution](/lessons/05-rag/solution/rag-www.js) ## Knowledge Check @@ -340,7 +340,7 @@ B. The retriever generates relevant information based on the model's training da C. The retriever finds relevant information from external data sources. -[Quiz solution](./solution/solution-quiz.md) +[Quiz solution](/lessons/05-rag/solution/solution-quiz.md) ## Self-Study Resources diff --git a/lessons/06-tool-calling/README.md b/lessons/06-tool-calling/README.md index 190ae690..2e2438b3 100644 --- a/lessons/06-tool-calling/README.md +++ b/lessons/06-tool-calling/README.md @@ -14,7 +14,7 @@ If you haven't already, set up your development environment. Here's how you can ## Related Resources -[![Integrating with function calling](./assets/11-lesson-banner.png)](https://aka.ms/gen-ai-lesson11-gh?WT.mc_id=academic-105485-koreyst) +[![Integrating with function calling](/lessons/06-tool-calling/assets/11-lesson-banner.png)](https://aka.ms/gen-ai-lesson11-gh?WT.mc_id=academic-105485-koreyst) _This video explains Tool calling, a method that helps the AI call your functions and thereby expand what it can do_ @@ -42,7 +42,7 @@ You: "Who are we talking about and where can I find her?" The world around you starts to blur, and everything fades to black. You come to and find yourself in the cockpit of a plane. You're airborne, and you can see the ocean below you. There's someone sitting in front; you can only see the back of their neck.
- Amelia piloting a plane + Amelia piloting a plane
**You**: "Amelia, is that you?" @@ -72,7 +72,7 @@ If you want to interact with Ada, run the [Characters](/app/README.md) app. > [Responsible AI disclaimer](/README.md#responsible-ai-disclaimer)
- Ada Lovelace + Ada Lovelace
**Steps**: @@ -97,7 +97,7 @@ For a more detailed explanation of the app, see [Detailed app explanation](/less **Time Beetle**: "Here's an image to illustrate the process of tool calling:"
- Tool calling process illustration + Tool calling process illustration
_Image credit Langchain _ @@ -408,7 +408,7 @@ function getWeatherForecast(lat, long) { ## Solution -[Solution](./solution/solution.js) +[Solution](/lessons/06-tool-calling/solution/solution.js) ## Knowledge Check @@ -433,7 +433,7 @@ A. To enable the AI model to perform tasks beyond its built-in capabilities by l B. To replace the need for human intervention in AI model development. C. To allow the AI model to execute tools without requiring metadata. -[Solution quiz](./solution/solution-quiz.md) +[Solution quiz](/lessons/06-tool-calling/solution/solution-quiz.md) ## Self-Study Resources diff --git a/lessons/07-mcp/README.md b/lessons/07-mcp/README.md index 36fda9eb..bd1ffed9 100644 --- a/lessons/07-mcp/README.md +++ b/lessons/07-mcp/README.md @@ -23,7 +23,7 @@ _This video explains Model Context Protocol._ > [!NOTE] > _Our story so far. You are a mechanic from 1860s London. You were working on your automaton and received a letter from Charles Babbage that ended up taking you to a library where you picked up a time travel device. Throughout your travels in time you've ended up in Florence, where you met Leonardo Da Vinci. You also went to the Aztec empire and this is where the story continues._ > -> See [Lesson 1](../01-intro-to-genai/README.md) if you want to catch up with the story from the beginning. +> See [Lesson 1](/lessons/01-intro-to-genai/README.md) if you want to catch up with the story from the beginning. > [!NOTE] > While we recommend going through the story (it's fun!), [click here](#interact-with-scipio) if you'd prefer to jump straight to the technical content. @@ -47,7 +47,7 @@ _Our heroes, having just learned about tools and "tool-calling" during their mee The swirling of light envelops you again and you find yourself in a large room with a large table in the middle. The walls are adorned with maps and military strategies. Scipio Africanus is standing at the table, deep in thought. He looks up as you enter. "Ada te misit/Ada sent you?"
- Scipio Africanus + Scipio Africanus
> Scipio Africanus, also known as Publius Cornelius Scipio Africanus, was a prominent Roman general and statesman who lived from 236 BC to 183 BC. He is best known for his decisive role in the Second Punic War against Carthage and his victory over Hannibal at the Battle of Zama in 202 BC. @@ -62,7 +62,7 @@ If you want to interact with Scipio, run the [Characters](/app/README.md) app. > [Responsible AI disclaimer](/README.md#responsible-ai-disclaimer)
- Scipio Africanus + Scipio Africanus
**Steps**: @@ -76,7 +76,7 @@ If you want to interact with Scipio, run the [Characters](/app/README.md) app. For a more detailed explanation of the app, see [Detailed app explanation](/lessons/01-intro-to-genai/README.md#interact-with-dinocrates). > [!NOTE] - > If you're running the project locally on your machine, please review the QuickStart guide to get a [GitHub personal access](../../docs/setup/README.md#creating-a-personal-access-token-pat-for-github-model-access) token setup and replace the key in the code. + > If you're running the project locally on your machine, please review the QuickStart guide to get a [GitHub personal access](/docs/setup/README.md#creating-a-personal-access-token-pat-for-github-model-access) token setup and replace the key in the code. ## The need for Model Context Protocol (MCP) diff --git a/lessons/08-mcp-advanced/README.md b/lessons/08-mcp-advanced/README.md index cf3ed351..fca5f8f3 100644 --- a/lessons/08-mcp-advanced/README.md +++ b/lessons/08-mcp-advanced/README.md @@ -26,7 +26,7 @@ _This video explains Model Context Protocol LLM usage._ > [!NOTE] > _Our story so far. You are a mechanic from 1860s London. You were working on your automaton and received a letter from Charles Babbage that ended up taking you to a library where you picked up a time travel device. Throughout your travels in time you've ended up in many places in history. You're now working closer with Ada Lovelace with her mansion as the base of operations, and this is where the story continues._ > -> See [Lesson 1](../01-intro-to-genai/README.md) if you want to catch up with the story from the beginning. +> See [Lesson 1](/lessons/01-intro-to-genai/README.md) if you want to catch up with the story from the beginning. > [!NOTE] > While we recommend going through the story (it's fun!), [click here](#interact-with-hedy-lamarr) if you'd prefer to jump straight to the technical content. @@ -46,7 +46,7 @@ You once again traveled back to Ada's mansion. This time Ada was meeting you at Everything fades to black. Swirling colors rush past, and moments later, your vision begins to focus. You see a man sitting by a piano, animatedly talking with a woman who has dark brown and curly hair. Both are gesticulating excitedly as they speak.
- Hedy Lamarr + Hedy Lamarr
The woman turned around to face Ada standing next to you to exclaim "Ada it's you, it's been far too long". @@ -89,7 +89,7 @@ If you want to interact with Hedy, run the [Characters](/app/README.md) app. > [Responsible AI disclaimer](/README.md#responsible-ai-disclaimer)
- Hedy Lamarr + Hedy Lamarr
**Steps**: @@ -103,7 +103,7 @@ If you want to interact with Hedy, run the [Characters](/app/README.md) app. For a more detailed explanation of the app, see [Detailed app explanation](/lessons/01-intro-to-genai/README.md#interact-with-dinocrates). > [!NOTE] - > If you're running the project locally on your machine, please review the QuickStart guide to get a [GitHub personal access](../../docs/setup/README.md#creating-a-personal-access-token-pat-for-github-model-access) token setup and replace the key in the code. + > If you're running the project locally on your machine, please review the QuickStart guide to get a [GitHub personal access](/docs/setup/README.md#creating-a-personal-access-token-pat-for-github-model-access) token setup and replace the key in the code. ## Adding a Large Language Model to a Client @@ -239,7 +239,7 @@ In the preceding code we (focusing on our additions): ## Solution -[Solution](./solution/README.md) +[Solution](/lessons/08-mcp-advanced/solution/README.md) ## Knowledge Check @@ -251,7 +251,7 @@ B. It creates a more natural conversation between the user and the server. C. It's better to have the LLM on the server. -[Solution quiz](./solution/solution-quiz.md) +[Solution quiz](/lessons/08-mcp-advanced/solution/solution-quiz.md) ## Summary