Skip to content

Commit 2aba3eb

Browse files
authored
fix(curriculum): fCC authors page - minor improvements (freeCodeCamp#60638)
1 parent 3048a5a commit 2aba3eb

File tree

7 files changed

+19
-19
lines changed

7 files changed

+19
-19
lines changed

curriculum/challenges/english/25-front-end-development/quiz-react-forms-data-fetching-and-routing/66f1ad049d7a6ac0886cc2ba.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -89,7 +89,7 @@ Axios
8989

9090
---
9191

92-
`Fetch` API
92+
Fetch API
9393

9494
#### --answer--
9595

curriculum/challenges/english/25-front-end-development/review-asynchronous-javascript/6723d35bb07d1bd220d0f28d.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -18,16 +18,16 @@ dashedName: review-asynchronous-javascript
1818
- V8 is an example of a JavaScript engine developed by Google.
1919
- 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.
2020

21-
## The fetch API
21+
## The Fetch API
2222

23-
- 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.
24-
- You can retrieve text, images, audio, JSON, and other types of data using the `fetch` API.
23+
- 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.
24+
- You can retrieve text, images, audio, JSON, and other types of data using the Fetch API.
2525

26-
## HTTP methods for fetch API
26+
## HTTP methods for Fetch API
2727

28-
The `fetch` API supports various HTTP methods to interact with the server. The most common methods are:
28+
The Fetch API supports various HTTP methods to interact with the server. The most common methods are:
2929

30-
- **GET**: Used to retrieve data from the server. By default, the `fetch` API uses the `GET` method to retrieve data.
30+
- **GET**: Used to retrieve data from the server. By default, the Fetch API uses the `GET` method to retrieve data.
3131

3232
```js
3333
fetch('https://api.example.com/data')
@@ -41,7 +41,7 @@ fetch('https://api.example.com/data')
4141
.then(data => console.log(data))
4242
```
4343

44-
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.
44+
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.
4545

4646
- **POST**: Used to send data to the server. The `POST` method is used to create new resources on the server.
4747

curriculum/challenges/english/25-front-end-development/review-front-end-libraries/6724e2dbf723fe1c8883cc69.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -581,7 +581,7 @@ const [state, action, isPending] = useActionState(actionFunction, initialState,
581581

582582
## Data Fetching in React
583583

584-
- **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.
584+
- **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.
585585
- **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.
586586

587587
```js

curriculum/challenges/english/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2743,16 +2743,16 @@ const curriedAverage = a => b => c => (a + b + c) / 3;
27432743
- V8 is an example of a JavaScript engine developed by Google.
27442744
- 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.
27452745
2746-
## The fetch API
2746+
## The Fetch API
27472747
2748-
- 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.
2749-
- You can retrieve text, images, audio, JSON, and other types of data using the `fetch` API.
2748+
- 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.
2749+
- You can retrieve text, images, audio, JSON, and other types of data using the Fetch API.
27502750
2751-
## HTTP methods for fetch API
2751+
## HTTP methods for Fetch API
27522752
2753-
The `fetch` API supports various HTTP methods to interact with the server. The most common methods are:
2753+
The Fetch API supports various HTTP methods to interact with the server. The most common methods are:
27542754
2755-
- **GET**: Used to retrieve data from the server. By default, the `fetch` API uses the `GET` method to retrieve data.
2755+
- **GET**: Used to retrieve data from the server. By default, the Fetch API uses the `GET` method to retrieve data.
27562756
27572757
```js
27582758
fetch('https://api.example.com/data')
@@ -2766,7 +2766,7 @@ fetch('https://api.example.com/data')
27662766
.then(data => console.log(data))
27672767
```
27682768
2769-
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.
2769+
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.
27702770
27712771
- **POST**: Used to send data to the server. The `POST` method is used to create new resources on the server.
27722772

curriculum/challenges/english/25-front-end-development/review-react-forms-data-fetching-and-routing/67c9e932c6c4234532d46394.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -95,7 +95,7 @@ const [state, action, isPending] = useActionState(actionFunction, initialState,
9595

9696
## Data Fetching in React
9797

98-
- **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.
98+
- **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.
9999
- **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.
100100

101101
```js

curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641d9a19bff38d34d5a5edb8.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ demoType: onLoad
88

99
# --description--
1010

11-
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.
11+
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.
1212

1313
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.
1414

curriculum/challenges/english/25-front-end-development/workshop-fcc-authors-page/641daabed8d0584b1150c953.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ dashedName: step-22
77

88
# --description--
99

10-
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.
10+
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.
1111

1212
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`.
1313

0 commit comments

Comments
 (0)