From 2aba3ebc2663ee69cdc40d787cb8db2f2b4f27db Mon Sep 17 00:00:00 2001 From: dev-kamil <54180588+dev-kamil@users.noreply.github.com> Date: Mon, 9 Jun 2025 18:47:20 +0200 Subject: [PATCH] fix(curriculum): fCC authors page - minor improvements (#60638) --- .../66f1ad049d7a6ac0886cc2ba.md | 2 +- .../6723d35bb07d1bd220d0f28d.md | 14 +++++++------- .../6724e2dbf723fe1c8883cc69.md | 2 +- .../review-javascript/6723d3cfdd0717d3f1bf27e3.md | 14 +++++++------- .../67c9e932c6c4234532d46394.md | 2 +- .../641d9a19bff38d34d5a5edb8.md | 2 +- .../641daabed8d0584b1150c953.md | 2 +- 7 files changed, 19 insertions(+), 19 deletions(-) diff --git a/curriculum/challenges/english/25-front-end-development/quiz-react-forms-data-fetching-and-routing/66f1ad049d7a6ac0886cc2ba.md b/curriculum/challenges/english/25-front-end-development/quiz-react-forms-data-fetching-and-routing/66f1ad049d7a6ac0886cc2ba.md index e38f7032434..ed56e17ce8c 100644 --- a/curriculum/challenges/english/25-front-end-development/quiz-react-forms-data-fetching-and-routing/66f1ad049d7a6ac0886cc2ba.md +++ b/curriculum/challenges/english/25-front-end-development/quiz-react-forms-data-fetching-and-routing/66f1ad049d7a6ac0886cc2ba.md @@ -89,7 +89,7 @@ Axios --- -`Fetch` API +Fetch API #### --answer-- diff --git a/curriculum/challenges/english/25-front-end-development/review-asynchronous-javascript/6723d35bb07d1bd220d0f28d.md b/curriculum/challenges/english/25-front-end-development/review-asynchronous-javascript/6723d35bb07d1bd220d0f28d.md index fa089d02e77..5a33d83e998 100644 --- a/curriculum/challenges/english/25-front-end-development/review-asynchronous-javascript/6723d35bb07d1bd220d0f28d.md +++ b/curriculum/challenges/english/25-front-end-development/review-asynchronous-javascript/6723d35bb07d1bd220d0f28d.md @@ -18,16 +18,16 @@ dashedName: review-asynchronous-javascript - V8 is an example of a JavaScript engine developed by Google. - The **JavaScript runtime** is the environment in which JavaScript code is executed. It includes the JavaScript engine which processes and executes the code, and additional features like a web browser or Node.js. -## The fetch API +## The Fetch API -- The `fetch` API allows web apps to make network requests, typically to retrieve or send data to the server. It provides a `fetch()` method that you can use to make these requests. -- You can retrieve text, images, audio, JSON, and other types of data using the `fetch` API. +- The Fetch API allows web apps to make network requests, typically to retrieve or send data to the server. It provides a `fetch()` method that you can use to make these requests. +- You can retrieve text, images, audio, JSON, and other types of data using the Fetch API. -## HTTP methods for fetch API +## HTTP methods for Fetch API -The `fetch` API supports various HTTP methods to interact with the server. The most common methods are: +The Fetch API supports various HTTP methods to interact with the server. The most common methods are: -- **GET**: Used to retrieve data from the server. By default, the `fetch` API uses the `GET` method to retrieve data. +- **GET**: Used to retrieve data from the server. By default, the Fetch API uses the `GET` method to retrieve data. ```js fetch('https://api.example.com/data') @@ -41,7 +41,7 @@ fetch('https://api.example.com/data') .then(data => console.log(data)) ``` -In this code, the response coming from the fetch API is a promise and the `.then` handler is converting the response to a JSON format. +In this code, the response coming from the Fetch API is a promise and the `.then` handler is converting the response to a JSON format. - **POST**: Used to send data to the server. The `POST` method is used to create new resources on the server. diff --git a/curriculum/challenges/english/25-front-end-development/review-front-end-libraries/6724e2dbf723fe1c8883cc69.md b/curriculum/challenges/english/25-front-end-development/review-front-end-libraries/6724e2dbf723fe1c8883cc69.md index 5cae1cae93b..cfebc5a6fb8 100644 --- a/curriculum/challenges/english/25-front-end-development/review-front-end-libraries/6724e2dbf723fe1c8883cc69.md +++ b/curriculum/challenges/english/25-front-end-development/review-front-end-libraries/6724e2dbf723fe1c8883cc69.md @@ -581,7 +581,7 @@ const [state, action, isPending] = useActionState(actionFunction, initialState, ## Data Fetching in React -- **Options For Fetching Data**: There are many different ways to fetch data in React. You can use the native `Fetch` API, or third party tools like Axios or SWR. +- **Options For Fetching Data**: There are many different ways to fetch data in React. You can use the native Fetch API, or third party tools like Axios or SWR. - **Commonly Used State Variables When Fetching Data**: Regardless of which way you choose to fetch your data in React, there are some pieces of state you will need to keep track of. The first is the data itself. The second will track whether the data is still being fetched. The third is a state variable that will capture any errors that might occur during the data fetching process. ```js diff --git a/curriculum/challenges/english/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md b/curriculum/challenges/english/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md index 211ca744c75..6a6108c3847 100644 --- a/curriculum/challenges/english/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md +++ b/curriculum/challenges/english/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md @@ -2743,16 +2743,16 @@ const curriedAverage = a => b => c => (a + b + c) / 3; - V8 is an example of a JavaScript engine developed by Google. - The **JavaScript runtime** is the environment in which JavaScript code is executed. It includes the JavaScript engine which processes and executes the code, and additional features like a web browser or Node.js. -## The fetch API +## The Fetch API -- The `fetch` API allows web apps to make network requests, typically to retrieve or send data to the server. It provides a `fetch()` method that you can use to make these requests. -- You can retrieve text, images, audio, JSON, and other types of data using the `fetch` API. +- The Fetch API allows web apps to make network requests, typically to retrieve or send data to the server. It provides a `fetch()` method that you can use to make these requests. +- You can retrieve text, images, audio, JSON, and other types of data using the Fetch API. -## HTTP methods for fetch API +## HTTP methods for Fetch API -The `fetch` API supports various HTTP methods to interact with the server. The most common methods are: +The Fetch API supports various HTTP methods to interact with the server. The most common methods are: -- **GET**: Used to retrieve data from the server. By default, the `fetch` API uses the `GET` method to retrieve data. +- **GET**: Used to retrieve data from the server. By default, the Fetch API uses the `GET` method to retrieve data. ```js fetch('https://api.example.com/data') @@ -2766,7 +2766,7 @@ fetch('https://api.example.com/data') .then(data => console.log(data)) ``` -In this code, the response coming from the fetch API is a promise and the `.then` handler is converting the response to a JSON format. +In this code, the response coming from the Fetch API is a promise and the `.then` handler is converting the response to a JSON format. - **POST**: Used to send data to the server. The `POST` method is used to create new resources on the server. diff --git a/curriculum/challenges/english/25-front-end-development/review-react-forms-data-fetching-and-routing/67c9e932c6c4234532d46394.md b/curriculum/challenges/english/25-front-end-development/review-react-forms-data-fetching-and-routing/67c9e932c6c4234532d46394.md index b7630e02646..ae253a0db7d 100644 --- a/curriculum/challenges/english/25-front-end-development/review-react-forms-data-fetching-and-routing/67c9e932c6c4234532d46394.md +++ b/curriculum/challenges/english/25-front-end-development/review-react-forms-data-fetching-and-routing/67c9e932c6c4234532d46394.md @@ -95,7 +95,7 @@ const [state, action, isPending] = useActionState(actionFunction, initialState, ## Data Fetching in React -- **Options For Fetching Data**: There are many different ways to fetch data in React. You can use the native `Fetch` API, or third party tools like Axios or SWR. +- **Options For Fetching Data**: There are many different ways to fetch data in React. You can use the native Fetch API, or third party tools like Axios or SWR. - **Commonly Used State Variables When Fetching Data**: Regardless of which way you choose to fetch your data in React, there are some pieces of state you will need to keep track of. The first is the data itself. The second will track whether the data is still being fetched. The third is a state variable that will capture any errors that might occur during the data fetching process. ```js diff --git a/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641d9a19bff38d34d5a5edb8.md b/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641d9a19bff38d34d5a5edb8.md index f6f9a5aeb72..12870a4a6b1 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641d9a19bff38d34d5a5edb8.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641d9a19bff38d34d5a5edb8.md @@ -8,7 +8,7 @@ demoType: onLoad # --description-- -In this workshop, you will learn how to work with the `fetch` API to load data from an external source and display it on a page filled with freeCodeCamp authors. +In this workshop, you will learn how to work with the Fetch API to load data from an external source and display it on a page filled with freeCodeCamp authors. All of the HTML and CSS for this workshop has been provided for you. You can take a look at the two files to familiarize yourself with them. diff --git a/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641daabed8d0584b1150c953.md b/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641daabed8d0584b1150c953.md index 28017ffa4fc..9aa84c9df54 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641daabed8d0584b1150c953.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641daabed8d0584b1150c953.md @@ -7,7 +7,7 @@ dashedName: step-22 # --description-- -Some of the author bios are much longer than others. To give the cards a uniform look, you can extract the first 50 characters of each one and replace the rest with an ellipsis `("...")`. Otherwise, you can show the entire bio. +Some of the author bios are much longer than others. To give the cards a uniform look, you can extract the first 50 characters of each one and replace the rest with an ellipsis `"..."`. Otherwise, you can show the entire bio. Within the paragraph element, replace `bio` with a ternary operator. For the condition, check if the length of `bio` is greater than 50. If it is, use the `.slice()` method to extract the first 50 characters of `bio` and add an ellipsis at the end. Otherwise, show the full `bio`.