From 31369067da3004494cfa654a2463834c190f7fab Mon Sep 17 00:00:00 2001 From: Anna Date: Fri, 2 May 2025 10:03:54 -0400 Subject: [PATCH] fix(curriculum): update fcc author wording (#60050) Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com> Co-authored-by: Ilenia <26656284+ilenia-magoni@users.noreply.github.com> --- .../workshop-fcc-authors-page/641da5abaac81844a54adb03.md | 4 ++-- .../workshop-fcc-authors-page/641da803d9892447d059804e.md | 2 +- .../workshop-fcc-authors-page/641da836581c254815f785fe.md | 2 +- .../workshop-fcc-authors-page/641da86294fd9f485d3c2bf0.md | 2 +- .../workshop-fcc-authors-page/641daa8c2c3e364ac3650b37.md | 2 +- .../workshop-fcc-authors-page/641daae5e18eae4b562633e4.md | 2 +- 6 files changed, 7 insertions(+), 7 deletions(-) diff --git a/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641da5abaac81844a54adb03.md b/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641da5abaac81844a54adb03.md index 7ab398274d2..cd8cc9d860f 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641da5abaac81844a54adb03.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641da5abaac81844a54adb03.md @@ -9,7 +9,7 @@ dashedName: step-8 Now, it is time to create the function that will be responsible for displaying the authors on the page. -Start by creating a function called `displayAuthors` that takes an `authors` parameter. Your function should then loop through the `authors` array and add a card for each author to the `authorContainer` `div`. +Start by creating a function called `displayAuthors` that takes an `authors` parameter. Your function should then loop through the `authors` array and add a card for each author to the `#authorContainer` element. The card should have the following structure: @@ -45,7 +45,7 @@ const parameters = __helpers.getFunctionParams(displayAuthors.toString()); assert.deepEqual(parameters[0].name,"authors"); ``` -When the `displayAuthors` function is called with an author's array, it should add a card for each author to the `authorContainer` `div`. +When the `displayAuthors` function is called with an author's array, it should add a card for each author to the `#authorContainer` element. ```js const exampleAuthors = [ diff --git a/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641da803d9892447d059804e.md b/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641da803d9892447d059804e.md index 5388f8b1a63..367e41a4e90 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641da803d9892447d059804e.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641da803d9892447d059804e.md @@ -7,7 +7,7 @@ dashedName: step-12 # --description-- -Now create an image tag and give it the `class` `"user-img"`. Use string interpolation to set the `src` attribute to `image` you destructured earlier. Set the `alt` attribute to `author` followed by the text `"avatar"`. Make sure there is a space between the `author` variable and the word `"avatar"`, for example, `"Quincy Larson avatar"`. +Now create an image tag and give it a `class` attribute of `"user-img"`. Use string interpolation to set the `src` attribute to `image` you destructured earlier. Set the `alt` attribute to `author` followed by the text `"avatar"`. Make sure there is a space between the `author` variable and the word `"avatar"`, for example, `"Quincy Larson avatar"`. # --before-all-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641da836581c254815f785fe.md b/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641da836581c254815f785fe.md index 3343624df5a..a79c11a25f9 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641da836581c254815f785fe.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641da836581c254815f785fe.md @@ -9,7 +9,7 @@ dashedName: step-13 The next thing you'll show are biographical details about the author. You can do this with `bio` that you destructured earlier. -Add a paragraph element with the `class` `"bio"`, then interpolate `bio` inside the paragraph element. +Add a paragraph element with a `class` attribute of `"bio"`, then interpolate `bio` inside the paragraph element. # --before-all-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641da86294fd9f485d3c2bf0.md b/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641da86294fd9f485d3c2bf0.md index 22eb7c17dde..c2d3cf4fe67 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641da86294fd9f485d3c2bf0.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641da86294fd9f485d3c2bf0.md @@ -9,7 +9,7 @@ dashedName: step-14 Next, add a link to the author's page on freeCodeCamp News. -Add an anchor element with the `class` `"author-link"`, interpolate `url` as the value for the `href` attribute, and set `target` to `"_blank"`. For the text of the anchor element, interpolate `author` followed by the text `"'s author page"`. For example, `"Quincy Larson's author page"`. +Add an anchor element with a `class` attribute of `"author-link"`, interpolate `url` as the value for the `href` attribute, and set `target` to `"_blank"`. For the text of the anchor element, interpolate `author` followed by the text `"'s author page"`. For example, `"Quincy Larson's author page"`. # --before-all-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641daa8c2c3e364ac3650b37.md b/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641daa8c2c3e364ac3650b37.md index f5ded5f3eee..264138b3bdc 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641daa8c2c3e364ac3650b37.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641daa8c2c3e364ac3650b37.md @@ -9,7 +9,7 @@ dashedName: step-21 Next, there's not a lot of separation between each author's name and image, and the rest of the details on the card. A divider will give the author cards a clear visual hierarchy. -Add a `div` element above the author's bio and give it the `class` `"purple-divider"`. +Add a `div` element above the author's bio and give it a `class` attribute of `"purple-divider"`. # --before-all-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641daae5e18eae4b562633e4.md b/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641daae5e18eae4b562633e4.md index c36f2b4061a..2d23f71d568 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641daae5e18eae4b562633e4.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641daae5e18eae4b562633e4.md @@ -9,7 +9,7 @@ dashedName: step-23 Finally, what if there's an error and the author data fail to load? Then we need to show an error in the UI. That's exactly what the `.catch()` method is for – handling errors. -Inside the `.catch()`, remove the `console.error()` and set the `innerHTML` of the `authorContainer` to a `p` element with the `class` `"error-msg"` and text `"There was an error loading the authors"`. +Inside the `.catch()`, remove the `console.error()` and set the `innerHTML` of the `authorContainer` to a `p` element with a `class` attribute of `"error-msg"` and text `"There was an error loading the authors"`. # --before-all--