Update README.md

README.md

@@ -50,7 +50,7 @@ Throughout this course you'll find many code examples and exercises, so we encou
 1. Select the **Fork** button in the upper right-hand corner of the repository or select this button:
    [![Fork](https://img.shields.io/badge/Fork-Repository-blue?style=flat-square)](https://github.com/microsoft/generative-ai-with-javascript/fork)
 
-2. Click the **Code** button in your forked repository, go to the **Codespaces** tab, and then choose **Create codespace**. 
+2. Click the **Code** button in your forked repository, go to the **Codespaces** tab, and then choose **Create codespace**.
 
    This will create a preconfigured online environment for you. You'll then be able to use [GitHub Models](https://github.com/marketplace/models) to run the code examples and interact with AI models for free, without any additional setup.
 
@@ -60,7 +60,7 @@ Throughout this course you'll find many code examples and exercises, so we encou
 >
 > Learn more about [GitHub Codespaces and GitHub Models concepts here](/docs/setup/README.md).  
 
-### Lesson description  
+### Lesson description
 
 📦 Each lesson includes:
 
@@ -69,7 +69,7 @@ Throughout this course you'll find many code examples and exercises, so we encou
 - **Solutions** for each assignment and quiz.
 - **Characters** you can interact with using our [companion app](./app), demonstrating Generative AI.
 
-## Lessons  
+## Lessons
 
 🗃️ Table of contents
 
@@ -84,7 +84,7 @@ Throughout this course you'll find many code examples and exercises, so we encou
 
 New lessons will be added to the course over time, so stay tuned!
 
-## Keep learning  
+## Keep learning
 
 🙌 After completing this course, you can continue learning by exploring our additional resources.
 

docs/additional-resources.md

@@ -45,4 +45,4 @@ The following code samples are available to help you get started with building y
 
 If you're looking to connect with others, we have a community of AI enthusiasts, developers, and experts who are passionate about AI and are always willing to help. 
 
-There's even a dedicated [#JavaScript channel](https://discordapp.com/channels/1113626258182504448/1237357005555892225) where you can ask questions, share your projects, and discuss your about your favorite topics.
+There's even a dedicated [#JavaScript channel](https://discordapp.com/channels/1113626258182504448/1237357005555892225) where you can ask questions, share your projects, and discuss about your favorite topics.

lessons/01-intro-to-genai/README.md

@@ -38,7 +38,7 @@ Your journey begins in 1860s London, where you assume the role of a skilled mech
 
 ### Into the maelstrom - London 1860
 
-In the heart of 1860s London, you are recognized as one of the most skilled mechanics of your time. Your workshop is tucked away in a narrow alley. The walls are lined with shelves overflowing with mechanical parts, blueprints, and half-finished projects. 
+In the heart of 1860s London, you are recognized as one of the most skilled mechanics of your time. Your workshop is tucked away in a narrow alley. The walls are lined with shelves overflowing with mechanical parts, blueprints, and half-finished projects.
 
 Your workbench, the heart of your workshop, is an organized mess.
 
@@ -68,7 +68,7 @@ Charles Babbage, the great mathematician and inventor of the difference engine,
 
 After a 20-minute walk along the Thames, you finally arrive at the library where you find the door slightly open.
 
-It's dark and gloomy inside, the only light filtering through the grimy windows, casting eerie shadows on the walls. 
+It's dark and gloomy inside, the only light filtering through the grimy windows, casting eerie shadows on the walls.
 
 **You:** "Hello? Mr. Babbage?"
 
@@ -82,11 +82,11 @@ As your eyes adjust to the dim light, you notice a figure in the distance, wavin
 
 Just as you step closer, a blinding flash erupts, and he vanishes.
 
-Left behind is a small metallic device spinning on the floor. You pick it up, its cool, smooth surface humming softly. It's unlike anything you've ever seen and yet strangely familiar, you feel a sense of power emanating from it.  
+Left behind is a small metallic device spinning on the floor. You pick it up, its cool, smooth surface humming softly. It's unlike anything you've ever seen and yet strangely familiar, you feel a sense of power emanating from it.
 
-It resembles a tiny beetle, intricately designed, with three buttons: an up arrow, a down arrow, and a glowing red button. From its back, a small antenna extends, pulsing with energy. 
+It resembles a tiny beetle, intricately designed, with three buttons: an up arrow, a down arrow, and a glowing red button. From its back, a small antenna extends, pulsing with energy.
 
-Compelled by curiosity, your fingers drift toward the red button. The moment you press it, the world around you shimmers, and colors swirl violently around you. 
+Compelled by curiosity, your fingers drift toward the red button. The moment you press it, the world around you shimmers, and colors swirl violently around you.
 
 Then, blackness, and a sense of falling.
 
@@ -96,7 +96,7 @@ Then, blackness, and a sense of falling.
 
 ### Alexandria 300 BC
 
-You awaken, disoriented. As your vision clears, an ancient city unfolds before you—bustling, vibrant, and alive. 
+You awaken, disoriented. As your vision clears, an ancient city unfolds before you—bustling, vibrant, and alive.
 
 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.
 
@@ -169,12 +169,12 @@ If you want to interact with Dinocrates, run the [Characters](/app/README.md) ap
    <img src="./assets/dinocrates.png" alt="Dinocrates wearing a toga" width="300">
 </div>
 
-**Steps**: 
+**Steps**:
 
 1. Start a [![GitHub Codespace](https://img.shields.io/badge/GitHub-Codespace-brightgreen)](https://codespaces.new/microsoft/generative-ai-with-javascript)
 2. Navigate to _/app_ in the repo root.
 3. Locate the console and run `npm install` followed by `npm start`. 
-4. Once it appears, select the "Open in Browser" button. 
+4. Once it appears, select the "Open in Browser" button.
 5. Chat with Dinocrates.
 
 > [!NOTE]
@@ -260,13 +260,13 @@ Dinocrates overhears your conversation and adds:
 
 - **Assistants and Agents** Assistants and agents can carry out more advanced instructions like leveraging tools to call APIs, run code, generate images and more. Advanced agents can carry out goals and carry out tasks autonomously.
 
-- **A content creation tool**:. A tool to generate blog posts and social media posts. Imagine creating campaigns in minutes instead of hours when an e-commerce site has a black Friday sale. 
+- **A content creation tool**:. A tool to generate blog posts and social media posts. Imagine creating campaigns in minutes instead of hours when an e-commerce site has a black Friday sale.
 
-- **Code completion**: A code completion tool that can generate code snippets based on user input. This can be a huge time saver for developers, especially when working on repetitive tasks. 
+- **Code completion**: A code completion tool that can generate code snippets based on user input. This can be a huge time saver for developers, especially when working on repetitive tasks.
 
 - **Translation** – Translate text between languages with high accuracy.
 
-As you can see, these improvements can both help the front office and the back office of your app and company. 
+As you can see, these improvements can both help the front office and the back office of your app and company.
 
 Here's an example of a "chatbot application" in action:
 
@@ -294,7 +294,7 @@ Here's an example of a "chatbot application" in action:
 
 ### JavaScript ecosystem
 
-**You:** So ecosystems you said, I'm just taking notes here, what about JavaScript and how is it different from other ecosystems? 
+**You:** So ecosystems you said, I'm just taking notes here, what about JavaScript and how is it different from other ecosystems?
 
 **Time Beetle:** JavaScript is one of the most popular programming languages in the world in the 21st century. Here are a few reasons why it's so popular:
 
@@ -321,7 +321,7 @@ Here's an example of a "chatbot application" in action:
 
 ## Assignment – Helping Dinocrates 
 
-To use a Large Language Model (LLM) to help Dinocrates with the lighthouse that we mentioned earlier in our story, we’ll use something called prompts, a sentence to describe what you want. You can specify both the information you need and how you want it presented. 
+To use a Large Language Model (LLM) to help Dinocrates with the lighthouse that we mentioned earlier in our story, we’ll use something called prompts, a sentence to describe what you want. You can specify both the information you need and how you want it presented.
 
 **Time Beetle:** Let's get started, let's use an LLM to research how you can build a lighthouse to help Dinocrates.
 
@@ -333,7 +333,7 @@ To use a Large Language Model (LLM) to help Dinocrates with the lighthouse that
 
 **Time Beetle:** You probably want to ask me in a better way, so I can give you a better answer, about you know *cough* *cough* Light houses, Alexandria, 300 BC, Dinocrates, Lighthouse of Alexandria, etc.
 
-**You:** Got it, add more context to the prompt and then ask you.  
+**You:** Got it, add more context to the prompt and then ask you.
 
 **Time Beetle:** Yes, I'm waiting...
 
@@ -349,9 +349,9 @@ Visit [Microsoft Copilot](https://copilot.microsoft.com), [ChatGPT](https://chat
 
 **Question:** Which of the following statements about Generative AI and JavaScript are true?
 
-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.  
+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)
 

lessons/02-first-ai-app/README.md

@@ -31,15 +31,15 @@ _This video gives you an introduction to AI models called "large language models
 > [!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.
 
-Together with Dinocrates, you put the finishing touches on the lighthouse at Alexandria. The towering structure gleams in the sunlight, its polished stone reflecting the Mediterranean Sea. 
+Together with Dinocrates, you put the finishing touches on the lighthouse at Alexandria. The towering structure gleams in the sunlight, its polished stone reflecting the Mediterranean Sea.
 
-You look down at the Time Beetle in your hand, its metallic surface cool against your palm. Clenching your fist around it, you whisper, "Take me home." The beetle begins to glow, emitting a soft, warm light and the world around you dissolves into a whirlwind of colors. 
+You look down at the Time Beetle in your hand, its metallic surface cool against your palm. Clenching your fist around it, you whisper, "Take me home." The beetle begins to glow, emitting a soft, warm light and the world around you dissolves into a whirlwind of colors.
 
 ### A new adventure
 
 When you open your eyes, the world has shifted. As you manage to get up, you realize you're in a boat on a river. You look around, in the distance, you see buildings, their outlines blurred by the morning mist.
 
-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. 
+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.
 
 <div>
   <img src="./assets/boat.png" alt="Boat on the rive, man standing with a paddle" width=300" >
@@ -57,7 +57,7 @@ As you walk, you notice a man with a long beard and a hat, digging through a cra
 
 ### Help me, Leonardo
 
-**You:** "Excuse me, sir, where am I?" He looks up at you, confusion evident in his eyes. Realizing you've been speaking in English, you quickly use the device in your hand and ask it to translate. 
+**You:** "Excuse me, sir, where am I?" He looks up at you, confusion evident in his eyes. Realizing you've been speaking in English, you quickly use the device in your hand and ask it to translate.
 
 **Time Beetle:** "Of course, I'll translate into 15th century Italian. 'Dove sono?'" 
 
@@ -105,7 +105,7 @@ The Time Beetle translates.
 
 **You:** "Well, I was working on a project, and I ended up here."
 
-You show him the Time Beetle, and his eyes light up with fascination. He examines it closely as you explain how it works and how you ended up in Florence. 
+You show him the Time Beetle, and his eyes light up with fascination. He examines it closely as you explain how it works and how you ended up in Florence.
 
 Leonardo looks at you with excitement. 
 
@@ -133,7 +133,7 @@ If you want to interact with Leonardo, run the [Characters](/app/README.md) app.
 1. Start a [![GitHub Codespace](https://img.shields.io/badge/GitHub-Codespace-brightgreen)](https://codespaces.new/microsoft/generative-ai-with-javascript)
 2. Navigate to _/app/README.md_ in the repo root.
 3. Locate the console and run `npm install` followed by `npm start`. 
-4. Once it appears, select the "Open in Browser" button. 
+4. Once it appears, select the "Open in Browser" button.
 5. Chat with Leonardo.
 
 For a more detailed explanation of the app, see [Detailed app explanation](../01-intro-to-genai/README.md#interact-with-dinocrates).
@@ -149,9 +149,9 @@ Before you can assist Leonardo with his project, you should first think about th
 
 **Time Beetle:** I'm compatible with most machines running in the 21st century, see the following list for a set of essential tools and libraries.
 
-- **Text editor**, for example Visual Studio Code.  
-- **Terminal**, for running commands. 
-- **Browser for testing your app**. It's also a good idea to have a tool like curl or some other HTTP client to test your app's API endpoints.  
+- **Text editor**, for example Visual Studio Code.
+- **Terminal**, for running commands.
+- **Browser for testing your app**. It's also a good idea to have a tool like curl or some other HTTP client to test your app's API endpoints.
 
 - **Node.js**. You also need to install Node.js and npm, which are tools that help you run JavaScript code on your computer.
 
@@ -268,7 +268,7 @@ AI: Rome is known for its ancient ruins, art, and vibrant culture. You can visit
 
 ```
 
-**Time Beetle:** Imagine if a sentence like "Tell me more about it" were taken out of context, the AI wouldn't know what "it" refers to. This is where context is important, and this context is something we can provide to the AI model through the prompt. 
+**Time Beetle:** Imagine if a sentence like "Tell me more about it" were taken out of context, the AI wouldn't know what "it" refers to. This is where context is important, and this context is something we can provide to the AI model through the prompt.
 
 **You:** I think I get it, how do I construct a conversation with the AI using this JavaScript language you speak of?
 
@@ -327,13 +327,13 @@ Now the AI will provide a list of chat messages as context, and the AI will gene
 
 **You:** Ok, so if I understand the conversation correctly, the AI will now have the following context: _I'm going to Rome next month_, so based on that it should filter out irrelevant information and provide a more relevant response?
 
-**Time Beetle:** Exactly, the AI will use the context to generate a response that is more relevant to the conversation. 
+**Time Beetle:** Exactly, the AI will use the context to generate a response that is more relevant to the conversation.
 
 ## Improving the chat conversation with a system message
 
 **You:** I see, but is there a way to improve this further?
 
-**Time Beetle:** Yes, you can add a system message to the conversation. A system message creates a "personality" for the AI and can be used to provide additional context. 
+**Time Beetle:** Yes, you can add a system message to the conversation. A system message creates a "personality" for the AI and can be used to provide additional context.
 
 **You:** Ok, so in the context of the conversation we've been having, what would a system message look like?
 
@@ -473,11 +473,11 @@ Leonardo suddenly asked to inspect the Time Beetle closer, he looked at it from
 > Despite its impracticality, the aerial screw remains a testament to Leonardo's genius and his relentless pursuit of innovation. It laid the groundwork for future developments in aviation and continues to inspire engineers and inventors to this day.
 > [Read more](https://en.wikipedia.org/wiki/Leonardo%27s_aerial_screw)
 
-Your assignment is to build an engineering assistant that can help Leonardo with the calculations and design of the aerial screw.  
+Your assignment is to build an engineering assistant that can help Leonardo with the calculations and design of the aerial screw.
 
-- It should be able to generate text based on user input. 
+- It should be able to generate text based on user input.
 
-- You should set a system message to introduce the assistant.  
+- You should set a system message to introduce the assistant.
 
 Check out [Sample app](./sample-app/) to get started.
 
@@ -491,9 +491,9 @@ Check out [Sample app](./sample-app/) to get started.
 
 **Question:** What is the purpose of the context window in generative AI models? Select all that apply.
 
-A. The context window allows the AI to consider more context and generate more coherent responses. 
+A. The context window allows the AI to consider more context and generate more coherent responses.
 
-B. The context window is the number of previous messages that the AI uses to generate a response. 
+B. The context window is the number of previous messages that the AI uses to generate a response.
 
 C. The context window determines how creative the AI's responses are.