chore(i18n,learn): processed translations (#75)

curriculum/challenges/arabic/05-back-end-development-and-apis/basic-node-and-express/get-data-from-post-requests.md

@@ -24,7 +24,7 @@ PUT or PATCH (sometimes POST) - Update a resource using the data sent,
 
 DELETE - Delete a resource.
 
-There are also a couple of other methods which are used to negotiate a connection with the server. Except from GET, all the other methods listed above can have a payload (i.e. the data into the request body). The body-parser middleware works with these methods as well.
+There are also a couple of other methods which are used to negotiate a connection with the server. Except for GET, all the other methods listed above can have a payload (i.e. the data into the request body). The body-parser middleware works with these methods as well.
 
 # --hints--
 

curriculum/challenges/arabic/07-scientific-computing-with-python/learn-lambda-functions-by-building-an-expense-tracker/66694bfa435cef241f6f9a68.md

@@ -18,7 +18,7 @@ empty_list = []
 
 The list is characterized by the square brackets around all the values, and a comma between the values, like: `["A", "happy", "list"]`. If the list does not contain any values, then it is an empty list: `[]`.
 
-A list can contain different data types: `[1, "Up", ["Down", "Twice]]`. That includes all possible data types. It can also contain another list!
+A list can contain different data types: `[1, "Up", ["Down", "Twice"]]`. That includes all possible data types. It can also contain another list!
 
 Create a variable called `my_list` and assign to it an empty list.
 

curriculum/challenges/arabic/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6143931a113bb80c45546287.md

@@ -185,16 +185,5 @@ h2 {
   border-bottom: 4px solid #dfdfe2;
 }
 
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
 
 ```

curriculum/challenges/arabic/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614394fb41985e0d2012a93e.md

@@ -150,16 +150,5 @@ h2 {
   border-bottom: 4px solid #dfdfe2;
 }
 
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
 
 ```

curriculum/challenges/arabic/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6143956ed76ed60e012faa51.md

@@ -138,18 +138,6 @@ h2 {
   border-bottom: 4px solid #dfdfe2;
 }
 
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-
 ```
 
 ```css

curriculum/challenges/arabic/25-front-end-development/lab-book-catalog-table/66ec4c8e9878d8441956516f.md

@@ -0,0 +1,200 @@
+---
+id: 66ec4c8e9878d8441956516f
+title: Build a Book Catalog Table
+challengeType: 14
+dashedName: build-a-book-catalog-table
+demoType: onClick
+---
+
+# --description--
+
+**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab.
+
+**User Stories:**
+
+1. You should create a `table` element that lists book information.
+1. Your table should have a table head element with one row in it.
+1. The row in your table head element should have four table header elements, with the text of `Title`, `Author`, `Genre`, and `Publication Year`, in that order.
+1. Your table should have a table body element with at least five rows in it.
+1. Each row in your table body should have four table data elements that display the book's Title, Author, Genre, and Publication Year.
+1. Your table should have a table footer element with one row in it.
+1. The row in your table footer element should have a table data element that spans four columns and has the text `Total Books: [number of books in your table]`.
+
+# --hints--
+
+You should have one `table` element.
+
+```js
+assert.lengthOf(document.querySelectorAll('table'), 1);
+```
+
+You should have one `thead` element within your `table` element.
+
+```js
+assert.lengthOf(document.querySelectorAll('table thead'), 1);
+```
+
+You should have one `tr` element within your `thead` element.
+
+```js
+assert.lengthOf(document.querySelectorAll('thead tr'), 1);
+```
+
+You should have four `th` elements within your `thead` element's row.
+
+```js
+assert.lengthOf(document.querySelectorAll('thead tr th'), 4);
+```
+
+Your four `th` elements should have the text `Title`, `Author`, `Genre`, and `Publication Year`, in that order.
+
+```js
+const ths = document.querySelectorAll('thead tr th');
+assert.equal(ths[0]?.textContent, 'Title');
+assert.equal(ths[1]?.textContent, 'Author');
+assert.equal(ths[2]?.textContent, 'Genre');
+assert.equal(ths[3]?.textContent, 'Publication Year');
+```
+
+You should have one `tbody` element within your `table` element.
+
+```js
+assert.lengthOf(document.querySelectorAll('table tbody'), 1);
+```
+
+Your `tbody` element should have at least five rows.
+
+```js
+assert.isAtLeast(document.querySelectorAll('tbody tr').length, 5);
+```
+
+Each row in your `tbody` element should have exactly four `td` elements as children.
+
+```js
+const rows = document.querySelectorAll('tbody tr');
+assert.isAtLeast(rows.length, 1);
+
+rows.forEach(row => {
+  assert.lengthOf(row.querySelectorAll('td'), 4);
+  assert.lengthOf(row.children, 4);
+});
+```
+
+Each `td` element in your table body should have text with book information.
+
+```js
+const tds = document.querySelectorAll('tbody tr td');
+assert.isAtLeast(tds.length, 1);
+
+tds.forEach(td => {
+  assert.isAtLeast(td.textContent.length, 1);
+});
+```
+
+You should have one `tfoot` element within your `table` element.
+
+```js
+assert.lengthOf(document.querySelectorAll('table tfoot'), 1);
+```
+
+You should have exactly one `tr` element in your `tfoot` element.
+
+```js
+assert.lengthOf(document.querySelectorAll('tfoot tr'), 1);
+```
+
+The `td` element in your `tfoot` element's row should have it's `colspan` attribute set to `4`.
+
+```js
+assert.equal(document.querySelector('tfoot tr td')?.colSpan, 4);
+```
+
+The `td` element in your `tfoot` element's row should have the text `Total Books: [number of books in your table]`.
+
+```js
+const numberOfBooks = document.querySelectorAll('tbody tr')?.length;
+assert.equal(document.querySelector('tfoot tr td').textContent, `Total Books: ${numberOfBooks}`);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Book Catalog</title>
+</head>
+
+<body>
+</body>
+
+</html>
+```
+
+# --solutions--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Book Catalog</title>
+</head>
+<body>
+    <h1>Book Catalog</h1>
+  <table>
+    <thead>
+      <tr>
+        <th>Title</th>
+        <th>Author</th>
+        <th>Genre</th>
+        <th>Publication Year</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>How to Contribute to Open-Source Projects – A Handbook for Beginners</td>
+        <td>Hillary Nyakundi</td>
+        <td>Open Source</td>
+        <td>2023</td>
+      </tr>
+      <tr>
+        <td>Learn Linux for Beginners: From Basics to Advanced Techniques</td>
+        <td>Zaira Hira</td>
+        <td>Linux</td>
+        <td>2024</td>
+      </tr>
+      <tr>
+        <td>How to Learn to Code and Get a Developer Job</td>
+        <td>Quincy Larson</td>
+        <td>Learn To Code</td>
+        <td>2024</td>
+      </tr>
+      <tr>
+        <td>The Regular Expressions Book – RegEx for JavaScript Developers</td>
+        <td>Kolade Chris</td>
+        <td>Regular Expressions</td>
+        <td>2023</td>
+      </tr>
+      <tr>
+        <td>The Python Code Example Handbook</td>
+        <td>Farhan Hasin Chowdhury</td>
+        <td>Python</td>
+        <td>2023</td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td colspan="4">Total Books: 5</td>
+      </tr>
+    </tfoot>
+  </table>
+</body>
+</html>
+```