Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update README.md #62

Closed
wants to merge 2 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions lessons/01-intro-to-genai/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ If you haven't already, set up your development environment. Here's how you can

## Related resources

[![Watch a short video about introduction to Generative AI](https://img.youtube.com/vi/vLYtDgs_zx8/0.jpg)](https://www.youtube.com/watch?v=vLYtDgs_zx8&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=1)
[![Watch a short video about an Introduction to Generative AI](https://img.youtube.com/vi/vLYtDgs_zx8/0.jpg)](https://www.youtube.com/watch?v=vLYtDgs_zx8&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=1)

_This video gives you an introduction to Generative AI with JavaScript_

Expand All @@ -22,7 +22,7 @@ _This video gives you an introduction to Generative AI with JavaScript_

By now, you've likely heard of tools like ChatGPT or Generative AI. The concept is simple: you provide a prompt, and a model—often called a Large Language Model (LLM)—generates a paragraph or even an entire page of text. This output can be used for various purposes, including creative writing, answering questions, and coding.

Moreover, Generative AI has evolved into multi modal capabilities, allowing you to provide an image or video as input and receive a variety of outputs. This advancement has significantly enhanced many people's workflows—not only by generating text but also by summarizing, translating, and more.
Moreover, Generative AI has evolved into multimodal capabilities, allowing you to provide an image or video as input and receive a variety of outputs. This advancement has significantly enhanced many people's workflows—not only by generating text but also by summarizing, translating, and more.

*Simply put, natural language interfaces are becoming the new standard interface for many apps—and your users expect to use them.*

Expand Down Expand Up @@ -84,7 +84,7 @@ 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.

It resembles a tiny beetle, intricately designed, with three buttons: an up arrow, a down arrow, and a glowing red button. From it's 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.

Expand All @@ -110,7 +110,7 @@ Am I stuck in the past? Do I dare press that button again? Before you can decide

### Meeting Dinocrates

An elderly gentleman wearing a toga wave at you from the steps of the grand temple. His white hair and beard catch the sunlight, giving him an almost ethereal glow.
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.

<div>
<img src="./assets/dinocrates.png" alt="Dinocrates wearing a toga" width="300">
Expand Down Expand Up @@ -142,7 +142,7 @@ A thought strikes you. Can the device understand me if I speak to it?

**Device:** "I am the Time Beetle. My creator calls me George; he says it's a good name for a beetle."

**You:** You're right, George is a good name, it was my fathers name in fact.
**You:** You're right, George is a good name, it was my father's name in fact.

<div>
<img src="./assets/time-beetle.png" alt="Time travel device resembling a metallic beetle" width="300">
Expand Down Expand Up @@ -238,7 +238,7 @@ Here's a step-by-step summary of what the function does:

As your adventure in Alexandria unfolds, you begin to see the possibilities of combining creativity, ingenuity, and cutting-edge tools to solve challenges and transform the world around you.

**You:** Tell me more about light houses, you say to your device.
**You:** Tell me more about lighthouses, you say to your device.

**Time beetle:** A lighthouse is a tower equipped with a bright light at the top, located near the shore to guide ships at sea. The light serves as a navigational aid, helping sailors avoid dangerous rocks and reefs and safely reach the harbor.

Expand Down
10 changes: 5 additions & 5 deletions lessons/02-first-ai-app/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,9 +12,9 @@ If you haven't already, set up your development environment. Here's how you can

## Related resources

[![Watch a short video about learn language models](https://img.youtube.com/vi/GQ_2OjNZ9aA/0.jpg)](https://www.youtube.com/watch?v=GQ_2OjNZ9aA&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=2)
[![Watch a short video about large language models](https://img.youtube.com/vi/GQ_2OjNZ9aA/0.jpg)](https://www.youtube.com/watch?v=GQ_2OjNZ9aA&list=PLlrxD0HtieHi5ZpsHULPLxm839IrhmeDk&index=2)

_This video gives you an introduction to AI models called "large language models", LLMs, what they are and how you can use the to integrate AI into your apps_
_This video gives you an introduction to AI models called "large language models", LLMs, what they are and how you can use them to integrate AI into your apps_

*🎥 Click on the image above to watch a short video about large language models*

Expand All @@ -37,7 +37,7 @@ You look down at the time beetle in your hand, its metallic surface cool against

### 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, inn the distance, you see buildings, their outlines blurred by the morning mist.
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.

Expand Down Expand Up @@ -149,7 +149,7 @@ Before you can help Leonardo with his project you need to consider the “tools

**You:** "Time beetle, what do I need to get started with this project?" Suggest tools and libraries that I need that can help me build an AI app that you're able to run.

**Time beetle:** I'm compatible with most machines running in the 21st century, see below list for a set of essential tools and libraries.
**Time beetle:** I'm compatible with most machines running in the 21st century, see the below list for a set of essential tools and libraries.

- **Text editor**, for example Visual Studio Code.
- **Terminal**, for running commands.
Expand All @@ -173,7 +173,7 @@ Before you can help Leonardo with his project you need to consider the “tools

- **API request**: you need to send a request to the generative AI model API with the input text. This is done using the fetch function in JavaScript (Node.js). Included in this request should also be your API key. It's recommended as you consider security to not hardcode the API key in your app but rather use environment variables. Additionally, consider looking into managed identity if you're using a provider like Azure as it's considered a more secure way to access resources. With managed identity you can assign more granular permissions to your app and the best part is that the cloud provider takes care of the authentication for you.

- **Response**: the API will return a response with the generated text. You need to extract this text from the response and display it to the user.
- **Response**: The API will return a response with the generated text. You need to extract this text from the response and display it to the user.

**You:** That sounds simple enough, can you take me through a scenario that would make sense given the situation where in?

Expand Down