Skip to content

Commit 425ea2e

Browse files
authored
Edit Review - Lessons 1 through 5 (#63)
* Update lessons 1 and 2 * Chapter 3 review + consistency fixes throughout * Fix "you will learn" to be consistent * Syntax fixes * Fix consistency in quiz * Chapter 4 review * Chapter 5 review
1 parent aa3601e commit 425ea2e

File tree

9 files changed

+322
-427
lines changed

9 files changed

+322
-427
lines changed

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

+27-27
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Lesson 1: Introduction to Generative AI and LLMs for JavaScript Developers
22

3-
In this lesson, you will learn to:
3+
In this chapter you will learn:
44

55
- Understand the basics of Generative AI and Large Language Models (LLMs).
66
- Identify the potential applications and limitations of LLMs in JavaScript development.
@@ -12,7 +12,7 @@ If you haven't already, set up your development environment. Here's how you can
1212

1313
## Related resources
1414

15-
[![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)
15+
[![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)
1616

1717
_This video gives you an introduction to Generative AI with JavaScript_
1818

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

2323
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.
2424

25-
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.
25+
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.
2626

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

@@ -84,7 +84,7 @@ Just as you step closer, a blinding flash erupts, and he vanishes.
8484

8585
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.
8686

87-
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.
87+
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.
8888

8989
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.
9090

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

111111
### Meeting Dinocrates
112112

113-
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.
113+
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.
114114

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

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

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

147147
<div>
148148
<img src="./assets/time-beetle.png" alt="Time travel device resembling a metallic beetle" width="300">
@@ -238,9 +238,9 @@ Here's a step-by-step summary of what the function does:
238238
239239
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.
240240
241-
**You:** Tell me more about light houses, you say to your device.
241+
**You:** Tell me more about lighthouses, you say to your device.
242242
243-
**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.
243+
**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.
244244
245245
Dinocrates overhears your conversation and adds:
246246
@@ -250,9 +250,9 @@ Dinocrates overhears your conversation and adds:
250250
251251
**You:** Lighthouses sound like an interesting area for sure, what else can Generative AI do for me and my apps?
252252
253-
**Time beetle:**. In the 21st century, generative AI has revolutionized many industries, from healthcare to finance to entertainment, here are some examples:
253+
**Time Beetle:**. In the 21st century, generative AI has revolutionized many industries, from healthcare to finance to entertainment, here are some examples:
254254
255-
- **Chat bot**: A chatbot that can generate human-like responses to user queries. Instead of a static FAQ page, users can interact with a chatbot that provides dynamic responses. This makes for a more engaging and less frustrating user experience.
255+
- **Chatbot**: A chatbot that can generate human-like responses to user queries. Instead of a static FAQ page, users can interact with a chatbot that provides dynamic responses. This makes for a more engaging and less frustrating user experience.
256256
257257
- **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.
258258
@@ -272,7 +272,7 @@ Here's an example of a "chatbot application" in action:
272272
273273
### Generative AI and the JavaScript ecosystem
274274
275-
**Time beetle:** A popular way to build apps in the 21st century is by using JavaScript. With every programming language, there's an ecosystem around it. This ecosystem includes the programming language itself, libraries and frameworks, community support, and IDEs and tools. In a programming language ecosystem, we're usually talking about the following:
275+
**Time Beetle:** A popular way to build apps in the 21st century is by using JavaScript. With every programming language, there's an ecosystem around it. This ecosystem includes the programming language itself, libraries and frameworks, community support, and IDEs and tools. In a programming language ecosystem, we're usually talking about the following:
276276
277277
| What | Description |
278278
|---|---|
@@ -282,17 +282,17 @@ Here's an example of a "chatbot application" in action:
282282
283283
**You:** Interesting, I've heard of programming I think, didn't Ada Lovelace experiment with that and Charles Babbage?
284284
285-
**Time beetle:** Yes, Ada Lovelace was the first computer programmer, and Charles Babbage was the inventor of the difference engine, a mechanical computer. They were pioneers in the field of computing, laying the foundation for the digital age.
285+
**Time Beetle:** Yes, Ada Lovelace was the first computer programmer, and Charles Babbage was the inventor of the difference engine, a mechanical computer. They were pioneers in the field of computing, laying the foundation for the digital age.
286286
287287
**You:** Were? What do you mean were? I just got a letter from Charles Babbage.
288288
289-
**Time beetle:** Let's just say that you're in a unique position to interact with historical figures in a way that few others can.
289+
**Time Beetle:** Let's just say that you're in a unique position to interact with historical figures in a way that few others can.
290290
291291
### JavaScript ecosystem
292292
293293
**You:** So ecosystems you said, I'm just taking notes here, what about JavaScript and how is it different from other ecosystems?
294294
295-
**Time beetle:** JavaScript is one of the most popular programming languages in the world in the 21st century. Here's a few reasons why it's so popular:
295+
**Time Beetle:** JavaScript is one of the most popular programming languages in the world in the 21st century. Here's a few reasons why it's so popular:
296296
297297
| What | Description |
298298
|-|-|
@@ -304,13 +304,13 @@ Here's an example of a "chatbot application" in action:
304304
305305
**You:** That's a lot of reasons, sounds like I should bet on JavaScript for my future projects.
306306
307-
**Time beetle:** Indeed, JavaScript is a versatile language, also Python is a popular language for AI development.
307+
**Time Beetle:** Indeed, JavaScript is a versatile language, also Python is a popular language for AI development.
308308
309309
**You:** Python, what do snakes have to do with programming?
310310
311-
**Time beetle:** Let's save that for another time, shall we?
311+
**Time Beetle:** Let's save that for another time, shall we?
312312
313-
**Time beetle:** I've given reasons above why JavaScript and its ecosystem is a good fit in general but why specifically for Generative AI? The answer is that it's a supported language by many cloud vendors and AI frameworks and tools. We also believe that even though Python might be top of mind for AI scenarios, many developers are using JavaScript and Typescript.
313+
**Time Beetle:** I've given reasons above why JavaScript and its ecosystem is a good fit in general but why specifically for Generative AI? The answer is that it's a supported language by many cloud vendors and AI frameworks and tools. We also believe that even though Python might be top of mind for AI scenarios, many developers are using JavaScript and Typescript.
314314
315315
> **Did you know?**
316316
> [62.5% of developers say they're using JavaScript](https://www.statista.com/statistics/793628/worldwide-developer-survey-most-used-languages/) with many preferring [TypeScript](https://www.typescriptlang.org) for new projects.
@@ -319,19 +319,19 @@ Here's an example of a "chatbot application" in action:
319319
320320
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.
321321
322-
**Time beetle:** Let's get started, let's use a LLM to research how you can build a lighthouse to help Dinocrates.
322+
**Time Beetle:** Let's get started, let's use a LLM to research how you can build a lighthouse to help Dinocrates.
323323
324-
**Time beetle:**: You’ll need to provide context to the LLM (i.e "me") how to build, with what tools and resources should be available in the times of Alexandria.
324+
**Time Beetle:**: You’ll need to provide context to the LLM (i.e "me") how to build, with what tools and resources should be available in the times of Alexandria.
325325
326326
**You:** Ok, tell me more about LLMs?
327327
328-
**Time beetle:** LLMs are a type of AI model that can generate human-like text based on a given prompt. They are trained on vast amounts of data and can generate text that is coherent, creative, and contextually relevant.
328+
**Time Beetle:** LLMs are a type of AI model that can generate human-like text based on a given prompt. They are trained on vast amounts of data and can generate text that is coherent, creative, and contextually relevant.
329329
330-
**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.
330+
**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.
331331
332332
**You:** Got it, add more context to the prompt and then ask you.
333333
334-
**Time beetle:** Yes, I'm waiting...
334+
**Time Beetle:** Yes, I'm waiting...
335335
336336
Visit [Microsoft Copilot](https://copilot.microsoft.com), [ChatGPT](https://chatgpt.com/), or another online chatbot tool to generate a plan for building the lighthouse in Alexandria.
337337
@@ -343,13 +343,13 @@ Visit [Microsoft Copilot](https://copilot.microsoft.com), [ChatGPT](https://chat
343343
344344
### Knowledge check
345345
346-
Q: Which of the following statements about Generative AI and JavaScript are true?
346+
**Question:** Which of the following statements about Generative AI and JavaScript are true?
347347
348-
A1: JavaScript powered Generative AI apps can only generate text.
349-
A2: JavaScript can be used to build AI-powered applications, including chatbots, text generation tools, and more.
350-
A3: Python is the only language used for AI development.
348+
A. JavaScript powered Generative AI apps can only generate text.
349+
B. JavaScript can be used to build AI-powered applications, including chatbots, text generation tools, and more.
350+
C. Python is the only language used for AI development.
351351
352-
[Solution quiz](./solution/solution-quiz.md)
352+
[Quiz solution](./solution/solution-quiz.md)
353353
354354
## Self-Study resources
355355

0 commit comments

Comments
 (0)